javascript - 谷歌 Material 图表 : Stop Tooltip Rounding

Question

我正在使用 Google Visualization Material Chart...

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

....在我的例子中...

http://jsfiddle.net/ETFairfax/78595a3h/

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

我已尝试自定义工具提示，如此处所述: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'
      }
    }

答案可以在这个链接中找到: here