带有尾随零的谷歌仪表浮点值

Question

我正在使用谷歌仪表图。 一切正常，除了我注意到当我给它一个浮点值时，如果该值是整数（例如 17.0），仪表将显示 17 作为值而不是 17.0。 如果我给出仪表 17.3 作为值，它正确显示 17.3。 有没有办法格式化仪表上输出的实际值？

Answer 1

您可以使用NumberFormat类

var formatter = new google.visualization.NumberFormat( {pattern: '0.0'} );
formatter.format(data, 1);

请参阅以下示例...

google.charts.load('current', {
  callback: function () {
    var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1Z-eKZJ_XbmnoLYyG4cht40KMo07_CYnLP-hPi1ZBjnw/edit#gid=0');
    query.send(handleQueryResponse);
    function handleQueryResponse(response) {
      var data = response.getDataTable();
      var formatter = new google.visualization.NumberFormat( {pattern: '0.0'} );
      formatter.format(data, 1);
      var options = {
        redFrom: 0,
        redTo: 35,
        yellowFrom: 35,
        yellowTo: 65,
        greenFrom: 65,
        greenTo: 100,
        minorTicks: 5
      };
      new google.visualization.Gauge(document.getElementById('gaugechart')).draw(data, options);
    }
  },
  packages: ['gauge']
});

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="gaugechart"></div>