谷歌图表尾随零

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'

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

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

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

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 对谷歌数据表没有影响

如上所述，tooltip会显示单元格值的格式化值

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

在加载数据的时候，可以只传值...

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

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

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

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

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

vAxis.format
hAxis.format