【问题标题】:Google Material Charts: Stop Tooltip Rounding谷歌材料图表:停止工具提示四舍五入
【发布时间】:2015-03-20 15:22:25
【问题描述】:

我正在使用 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,但仍然没有乐趣。

文档确实说...

“材料图表处于测试阶段。”

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

我的问题:

有谁知道如何阻止工具提示舍入?

任何帮助表示赞赏。

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

【问题讨论】:

  • 所以我解释了问题所在。举一个我在做什么的例子。我已经阅读了我认为我需要在文档中阅读的内容,并且我已经说出了我已经尝试过的内容......然后我得到了 -1!
  • 人们在投票时太漫不经心了。刚刚赞成你的问题。

标签: javascript google-visualization


【解决方案1】:

您必须指定不同的格式:

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

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

【讨论】:

  • 在你的回答中弄乱了结束 }
  • 很高兴你回答了这个问题。您提供的链接为我提供了对谷歌图表反应的帮助
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-02-16
  • 1970-01-01
  • 1970-01-01
  • 2013-03-20
相关资源
最近更新 更多