javascript - 谷歌图表尾随零

Question

我有一个正在使用的谷歌图表 https://developers.google.com/chart/

但似乎无法让工具提示显示尾随零!

我尝试按照#.# 格式化数据，但如果是偶数，它不会显示小数!

即我的数据是:77.6,77.1,77.0,66.9在工具提示中，虽然 77.0 显示为 77

我想在工具提示中显示 77.0。

我确认数据是以 77.0 的形式传入的，所以谷歌一定是在解析它。

我也不想使用自定义注释，因为我喜欢常用工具提示的外观。

有什么想法吗？

Answer 1

要显示尾随零，格式必须包含 0 而不是 #(隐藏零)

'#,##0.00'

tooltip默认会显示格式化后的值，
格式化列以更改工具提示

var formatNumber = new google.visualization.NumberFormat({
  pattern: '#,##0.00'
});
formatNumber.format(data, 1);

请参阅以下工作片段...

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

function drawTable() {
  var data = new google.visualization.DataTable();
  data.addColumn('number', 'x');
  data.addColumn('number', 'y');
  data.addRows([
    [0, 77.0],
    [1, 77.1],
    [2, 77.2],
    [3, 77.3],
    [4, 77.4],
    [5, 77.5]
  ]);

  var formatNumber = new google.visualization.NumberFormat({
    pattern: '#,##0.00'
  });
  formatNumber.format(data, 1);

  var chart = new google.visualization.LineChart(document.getElementById('chart'));
  chart.draw(data, {
    pointSize: 8
  });
}

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

---

更新

数字就是数字，没有格式
通过 77 与 77.0 对 google 数据表没有影响

如上所述，工具提示将显示单元格值的格式化值

数据表中的每个单元格都有一个值属性(v:)和格式化值属性(f:)

加载数据时，您可以只传递值...

data.addRows([
  [0, 77.0],
  ...
]);

或者您可以使用对象表示法来传递值和格式化值，
这里不需要数字格式化程序

data.addRows([
  [0, {v: 77.0, f: '77.0'}],
  ...
]);

但是，当只传递值时，
数据表使用默认格式显示在工具提示上
此默认格式与您想要的不匹配
这就是为什么你必须使用数字格式化程序，
设置列中所有行的格式化值

注意:以下选项只影响轴标签，不影响工具提示...

vAxis.format
hAxis.format