Google Material 图表：停止工具提示舍入

Question

我正在使用 Google 可视化 Material 图表...

https://google-developers.appspot.com/chart/interactive/docs/gallery/barchart#Material

...在我的示例中...

...工具提示正在四舍五入条形值，而不仅仅是按原样显示值。

我已经尝试按照此处的说明自定义工具提示：https://developers.google.com/chart/interactive/docs/customizing_tooltip_content#custom_html_content 但仍然不开心。

文档确实说...

"The Material Charts are in beta."

所以也许我正在为一个失败的事业而战。

我的问题：

有谁知道如何阻止工具提示四舍五入？

感谢任何帮助。

HTML

<div id="chart_div" style="width: 900px; height: 500px;"></div>

JS代码：

google.load("visualization", "1.1", {
    packages: ["bar"]
});
google.setOnLoadCallback(drawChart);

function drawChart() {
    var data = google.visualization.arrayToDataTable([
        ['Task', 'Hours per Day'],
        ['Work', 8.5], // Tooltip says 8.5. CORRECT
        ['Eat', 11.5], // Tooltip says 12 - INCORRECT
        ['Commute', 2],// Tooltip says 2 - CORRECT
        ['Watch TV', 0.28],// Tooltip says 0.28 - CORRECT
        ['Sleep', 7.28] // Tooltip says 7.3 - INCORRECT
    ]);

    var options = {
        title: 'My Daily Activities'
    };

    var chart = new google.charts.Bar(document.getElementById('chart_div'));

    chart.draw(data, google.charts.Bar.convertOptions(options));
}

Answer 1

您必须指定不同的格式：

    var options = {
      title: 'My Daily Activities',
      vAxis : {
        format: 'decimal'
      }
    }

答案可以在link中找到： here

Google Material 图表：停止工具提示舍入

Google Material Charts: Stop Tooltip Rounding

javascript

google-visualization