如何使谷歌图表API响应?

时间:2016-01-28 12:42:10

标签: google-visualization google-chartwrapper

我正在使用Google JS API在同一个HTML页面上创建两个图表折线图和圆环图。但这些图表没有响应。如何使这些图表具有响应性?

1 个答案:

答案 0 :(得分:0)

Google Charts API的设计可能并未考虑到响应性。图表的默认大小是填充要渲染的元素,因此您可以像通常那样使用CSS和媒体查询来进行响应式设计。

唯一真正的问题是,一旦绘制了图表,它就不会在桌面窗口调整大小类型的场景中改变它的大小。在Angular Google Chart中,我们监听窗口的resize事件并重绘图表。

我已经看到一些调整大小的策略与一些JavaScript相结合,以保持图表具有相同的宽高比,无论它有多宽。

任何更具体的内容都需要更详细的问题。我故意不包括这个答案的任何代码,因为无论我写什么都可能对你的情况有误。