Question

我有一个简单的问题，但可能不是一个简单的解决方案。我对javascript和google chart api没有多少经验。

我有一个数字范围为0.0006到0.0009的数组。但是如果我用图表绘制它，它会在vAxis和工具提示上将其舍入到0.001，当我在图表行上使用鼠标时。

如何在小数点后显示x位而不是向上舍入？或者改变它四舍五入的点。

THX。

Answer 1

格式化工具提示中的数字，
您需要格式化数据表中的数据

您可以使用数字格式化程序

formatPattern = '#,##0.0000';
var formatNumber = new google.visualization.NumberFormat({
  pattern: formatPattern
});

然后使用format方法，传入数据表和要格式化的列索引...

formatNumber.format(data, 1);

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

＆＃13;

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    [0, 0.0006],
    [1, 0.0007],
    [2, 0.0008],
    [3, 0.0009],
    [4, 0.0005]
  ], true);

  formatPattern = '#,##0.0000';
  var formatNumber = new google.visualization.NumberFormat({
    pattern: formatPattern
  });
  formatNumber.format(data, 1);

  var options = {
    pointSize: 4,
    vAxis: {
      format: formatPattern
    }
  };

  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  chart.draw(data, options);
});

＆＃13;

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

＆＃13;

谷歌图表：停止四处搜索？

1 个答案: