Javascript 谷歌图表树形图工具提示中的数字格式

我正在谷歌图表中创建一个树状图，在遵循一些指南之后，我无法在工具提示中显示逗号。我复制了下面的JS

基本上，我希望工具提示中显示的数字是带有逗号的货币格式。但我似乎无法让逗号出现

google.charts.load('current', {'packages':['treemap']});
google.charts.setOnLoadCallback(drawChart);

var numberFormat = new google.visualization.NumberFormat({
groupingSymbol: ','
   });
  numberFormat.format(data, 1);


  function drawChart() {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'ID');
  data.addColumn('string', 'Budget');
  data.addColumn('number', 'Amount');
  data.addRows([
    ['Program', null, 0],

    ['Housing', 'Program', null],
    ['Home1', 'Housing', 2000000],
    ['Home2', 'Housing', 1500000],


    ['Business', 'Program', 2000000],
    ['Coastal Resiliency', 'Program', 5000000],
            ['Infrastructure/City Services', 'Program', 400000],


  ]);

  var tree = new google.visualization.TreeMap(document.getElementById('chart_div'));

  var options = {
    highlightOnMouseOver: true,
    maxDepth: 1,
    maxPostDepth: 2,
    minColor: '#FDC217',
    midColor: '#29BD75',
    maxColor: '#21809C',
    headerHeight: 35,
    headerColor: "#234E94",
    fontColor: "White",
    showScale: true,
    height: 500,
    useWeightedAverageForAggregation: true,
    generateTooltip: showFullTooltip
  };


    tree.draw(data, options);

function showFullTooltip(row, size) {
return '<div style="background:#FFFFFF; padding:10px; border-style:solid">' +
       '<span style="font-family:Times New Roman"><b>' + data.getValue(row, 0) +
       '</b>, ' + data.getValue(row, 1) +'</span><br>' +
   data.getColumnLabel(1) +
       ': $' + size + '</div>';

 }
}

google.charts.load（'current'，{'packages'：['treemap']}）；
google.charts.setOnLoadCallback（drawChart）；
var numberFormat=new google.visualization.numberFormat({
分组符号：'，'
});
数字格式（数据，1）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'ID'）；
data.addColumn（'string'，'Budget'）；
data.addColumn（'number'，'Amount'）；
data.addRows([
['Program'，null，0]，
['Housing'，'Program'，null]，
['Home1'，'Housing'，2000000]，
['Home2'，'Housing'，1500000]，
[‘商业’，‘计划’，2000000]，
[‘海岸恢复力’，‘计划’，5000000]，
[‘基础设施/城市服务’，‘计划’，400000]，
]);
var tree=new google.visualization.TreeMap（document.getElementById（'chart_div'）；
变量选项={
没错，
最大深度：1，
maxPostDepth:2，
minColor:“#FDC217”，
中色：'#29BD75'，
maxColor:“#21809C”，
校长：35，
标题颜色：“234E94”，
fontColor:“白色”，
showScale：没错，
身高：500，
useWeightedAverageForAggregation:正确，
generateTooltip:showFullTooltip
};
tree.draw（数据、选项）；
函数showFullTooltip（行、大小）{
返回“”+
''+数据.getValue（行，0）+
“，”+data.getValue（第1行）+“
”+
data.getColumnLabel（1）+
“：$”+大小+”；
}
}

任何帮助都将不胜感激！我对这个有点陌生

---

谢谢

使用

google.visualization.NumberFormat

该方法获取一个数字并返回格式化的字符串

替换

': $' + size + '</div>'

': ' + numberFormat.formatValue(size) + '</div>';