如何使用Javascript更改Google Chart中标签的格式类型
如何使用Javascript更改Google Chart中标签的格式类型，如下图所示：
这是我的数据（以美元计）：
['2004', 340456060], ['2005', 581766089], ['2006', 666099879], ['2007', 1980361212], 当图表运行时，我想用，修改这些数字。 因此，每当鼠标hover时，它必须是这样的：
- 2007年销售额：1,980,361,212
- 2006年销售额：666,099,879
- 2005年销售额：581,766,089
- 2004年销售额：340,456,060
2.如何添加$作为最后一个字符？
- 2007年销售额：1,980,361,212美元
- 2006年销售额：666,099,879美元
- 2005年销售额：581,766,089美元
- 2004年销售额：340,456,060美元
除此之外，如何将标签更改为% ？
- 2007年销售额：55.6％
- 2006年销售额：18.6％
- 2005年销售额：16.3％
- 2004年销售额：9.5％
演示
HTML：
使用Javascript：
google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Year', 'Sales'], ['2004', 340456060], ['2005', 581766089], ['2006', 666099879], ['2007', 1980361212] ]); var options = { title: 'Company Performance', vAxis: {title: 'Dollars'}, hAxis: {title: 'Year'} }; var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); chart.draw(data, options); }
这是我的答案。 我只是添加高亮代码。 如果出现问题，请告诉我。
var formatter = new google.visualization.NumberFormat({ pattern: '#,###$' }); formatter.format(data, 1);
演示