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

Question

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

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

   function drawChart($id) {
     var id=$id;
     var kwexist = (id + "_kw_exist");
     var kwexistvariable = $("#"+kwexist).html();

     var kwled = (id + "_kw_led");
     var kwledvariable = $("#"+kwled).html();

 var data = google.visualization.arrayToDataTable([
      ['Element', 'Density', { role: 'style' }, { role: 'annotation' } ],
      ['Existant kWh', parseFloat(kwexistvariable), '#3B7CC9', parseFloat(kwexistvariable)],
      ['LED kWh', parseFloat(kwledvariable), '#3B7CC9' , parseFloat(kwledvariable)]
    ]);


    var options = {

    };

      var numberFormat = new google.visualization.NumberFormat({
            groupingSymbol: ' '
        })

        numberFormat.format(data, 1);


    var chart_div = document.getElementById('chart_div_kw');
    var chart = new google.visualization.ColumnChart(chart_div);


    // Wait for the chart to finish drawing before calling the getImageURI() method.
    google.visualization.events.addListener(chart, 'ready', function () {
      chart_div.innerHTML = chart.getImageURI();
      var testokok = chart.getImageURI();
      console.log(chart_div.innerHTML);
    });


    chart.draw(data, options);
  }

Answer 1

不确定我是否完全按照问题进行了

但如果你想格式化栏上显示的数字（注释）

还格式化该列...

  numberFormat.format(data, 3);

请参阅以下工作 sn-p...

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>