Question

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

但似乎无法获得显示尾随零的工具提示！

我尝试格式化数据，如＃。＃但是如果有偶数则不显示小数！

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

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

我确认数据是77.0，所以google必须解析它。

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

有什么想法吗？

Answer 1

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

'#,##0.00'

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

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

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

＆＃13;

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
  });
}

＆＃13;

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

＆＃13;

更新

一个数字只是一个数字，它没有格式
通过77与77.0相比，谷歌数据表

没有任何区别

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

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

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

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

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

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

然而，当只传递值时，
数据表使用默认格式显示在工具提示上此默认格式与您想要的格式不符这就是为什么你必须使用数字格式器，
它为列

中的所有行设置格式化值

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

vAxis.format
hAxis.format

Google Charts落后零

1 个答案: