jquery - Google 图表 - 是否可以在图表中进行内容钻取?

标签 jquery google-visualization

HighCharts 有一个非常好的深入分析功能:http://www.highcharts.com/demo/column-drilldown - 但我想知道它是否可以在谷歌图表可视化 API 中使用?据我所知,这是不可能的 - 但让我描述一下我的想法:

鼠标悬停时,会出现一个小弹出窗口,其中包含有关数据的附加信息。可以放个链接吗?

因为我们在图表上有这些鼠标悬停事件,也许可以添加一个“单击”事件,我们可以用它做任何我们想做的事情?在这种情况下,我要么只需单击一下即可将用户发送到另一个 URL,或者可能强制图表进入新的图表动画(基本上是在这个庄园中创建向下钻取)。

我对 jQuery 不太了解,所以我希望这里有一些专业知识。谢谢!

最佳答案

是的,这是可能的。尽管没有直接的方法可以做到这一点。

我也在寻找这个,我找到了一个方法。

您必须使用 PHP(或任何其他后端语言)准备 JSON 字符串。 PHP 应该递归地与数据库对话,为每个钻取图表生成所需的 Javascript 文字语法,并将其嵌入 JSON 格式。 JSON 字符串准备好后,将 JSON 字符串复制粘贴到 HTML 脚本标记中。添加单击事件处理程序以切换到适当的 Javascript 文字。数据表准备好后,调用chart.draw()。

您可以查看this 。链接至repository .

关于jquery - Google 图表 - 是否可以在图表中进行内容钻取?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12030541/

相关文章:

javascript - jQuery Accordion - 悬停触发器

javascript - 签名脚本进行跨域查询

javascript - 如何在 Google Analytics 中跟踪 Google 可视化图表事件?

javascript - 与indexof()相反的javascript函数是什么?

jQuery 使 div 在向下滚动页面时滑入

javascript - 使用 jQuery 读取 CSV 以传递给 Google Visualization API

javascript - rails + Chartkick : How to change the date format of the tooltip?

javascript - 只有 1 个结果时如何限制谷歌条形图的宽度?

javascript - 通过 flask 将谷歌图表的列表信息正确发送到 JS?

javascript - 我如何使用 javascript 在页面上查找和替换匹配的 url