【问题标题】:Google-Line-Chart on hover tool-tip not showing value悬停工具提示上的 Google-Line-Chart 未显示值
【发布时间】:2017-05-17 05:05:50
【问题描述】:

我在打字稿版本的 Angular2 中使用了Google Line Charts,当我绘制折线图时,图表看起来不错,但是当我将鼠标悬停在折线图上以查看当时的确切值时,我看不到任何工具提示中的值,如果该值已在图表中绘制但未显示在工具提示中,我不明白会出现什么问题。我已附上屏幕截图以供参考。转换为数据表的示例数据数组如下:

Gdata = [
["TimeStamp", "Temparature"], [Sat May 13 2017 10:45:00 GMT+0530 (India Standard Time), 23.81], [Sat May 13 2017 10:50:00 GMT+0530 (India Standard Time), 23.83], [Sat May 13 2017 10:55:00 GMT+0530 (India Standard Time), 23.90], [Sat May 13 2017 11:00:00 GMT+0530 (India Standard Time), 23.85], [Sat May 13 2017 11:05:00 GMT+0530 (India Standard Time), 23.82]
];

请帮助。提前致谢。

【问题讨论】:

  • 在这个问题上花了很多时间后,我终于发现该工具提示中存在价值,但正如您所见,工具提示在图表的边界处被切割。任何人都可以帮助我更正此工具提示以在该边界内查看一些宽度,并且应该只占用它显示内容所需的长度。类似于developers.google.com/chart/interactive/docs/…谢谢

标签: javascript angular google-visualization linechart


【解决方案1】:

在浏览了谷歌图表提供的许多选项后,我发现了一个名为 tooltip: { isHtml: true } 的选项,它对我有用,现在工具提示仅显示在图表区域内。

【讨论】:

    猜你喜欢
    • 2013-06-11
    • 1970-01-01
    • 2012-06-18
    • 1970-01-01
    • 2014-03-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-08-03
    相关资源
    最近更新 更多