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

Posted 2023-04-13

【中文标题】更改谷歌图表中的数字格式

【英文标题】：Changing the number format in google charts graphs

【发布时间】：2017-09-05 21:29:35

【问题描述】：

我在更改 Google 图表中的数字格式时遇到问题。 我检查了***主题并找到了它：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);
  

【问题讨论】：

哇，我在这里复制粘贴我的代码：jsfiddle.net/4701Lbjm 它在 jsfiddle 上工作，但在我的应用程序中，结果如下：puu.sh/xstcv/efae425228.png 我有完全相同的代码...如您所见：puu.sh/xstdu/ca015d8f9b.png

【参考方案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>

【讨论】：

您好 WhiteHat，感谢您的帮助，我找到了解决方案。现在我使用“jsapi”而不是 gstatic.com/charts/loader.js。现在它可以完美地使用相同的代码......