Google Maps DataView format différemment de la source de données?

Question

J'ai créé un Dataview afin de mettre une étiquette sur ma carte Google bar comme:

options = { 
       title: arr[0][0], 
       titleTextStyle: { fontSize: '12', color: '#666' }, 
       colors: ['#50c0ed'], 
       backgroundColor: { fill: 'transparent' }, 
       height: 220, 
       width: '100%', 
       is3D: true, 
       fontSize: '11', 
       hAxis: { format: '$###,###,###.00' }, 
       vAxis: { 
        format: '$###,###,###.##', 
       viewWindow: { 
        min: 0 
        } 
      }, 
       chartArea: { width: '100%', height: '60%', top: '40', left: '65', right: '10' }, 
       tooltip: { textStyle: { color: '#333', fontSize: '11' } } 
      }; 
      formatter = new google.visualization.NumberFormat({ pattern: '$###,###.##/SF/year' }); 
      formatter.format(data, 1);`enter code here` 
      view = new google.visualization.DataView(data); 
      view.setColumns([0, 1, 
       { 
        calc: "stringify", 
        sourceColumn: 1, 
        type: "string", 
        role: "annotation", 
       }]); 

      chart = new google.visualization.ColumnChart(container[0]); 

et le résultat est enter image description here, mais je veux exclure de l'étiquette du/SF/an fin, mais toujours Gardez-le quand je hoover sur la barre, J'ai essayé de régler le formateur seulement après avoir initialisé le dataVIew mais cela ne fonctionne pas, est-ce que je peux enlever SF/year de l'étiquette mais le garder quand je hoover?

Answer 1

utiliser un autre sans formatter ->/SF/year

formatterNumberOnly = new google.visualization.NumberFormat({ pattern: '$###,###.##' }); 

puis dans view, utilisez la fonction calc personnalisée au lieu de "stringify"
méthode utilisation formatValue pour formater la valeur de chaque ligne

view = new google.visualization.DataView(data); 
view.setColumns([0, 1, { 
    calc: function (dt, row) { 
     return formatterNumberOnly.formatValue(dt.getValue(row, 1)); 
    }, 
    type: "string", 
    role: "annotation", 
}]);