更改谷歌图表图表中的数字格式

时间:2017-09-05 21:29:36

标签: javascript charts number-formatting

我在谷歌图表中更改数字格式时遇到问题。 我检查了stackoverflow主题,然后找到了它:http://jsfiddle.net/h5ea6xqu/ 我的问题很简单,我想要完全相同的东西,但它不起作用。

我有“,”而不是我的分组符号空间......如果有人有解决方案,那就太棒了。 my problem 我的代码:

awakeFromNib

1 个答案:

答案 0 :(得分:0)

不确定我是否完全按照这个问题

但是如果要格式化条形图上显示的数字(注释)

也格式化该列......

  numberFormat.format(data, 3);

请参阅以下工作代码段...

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

function drawChart($id) {
  var data = google.visualization.arrayToDataTable([
    ['Element', 'Density', { role: 'style' }, { role: 'annotation' } ],
    ['Existant kWh', parseFloat(10000), '#3B7CC9', parseFloat(10000)],
    ['LED kWh', parseFloat(15000), '#3B7CC9' , parseFloat(15000)]
  ]);

  var options = {

  };

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

  var chart_div = document.getElementById('chart_div');
  var chart = new google.visualization.ColumnChart(chart_div);
  chart.draw(data, options);
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>