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

Sha*_*ock 5 jquery google-visualization

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

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

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

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

小智 5

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

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

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

你可以看看这个。链接到存储库


小智 1

我也一直在研究这个问题,根据我的发现,我认为你不能从他们的“仪表板”中做到这一点,但我认为你可以通过图表上的控件或事件来做到这一点。

以下是在数据视图上使用“组”函数的示例,因此您可以在图表上的单击事件或控件的单击事件上使用该函数,然后重新绘制图表。 http://code.google.com/apis/ajax/playground/?type=visualization#group

那么技巧就是跟踪哪些过滤器当前处于活动状态以及诸如此类的事情。如果这很容易集成,或者甚至能够查询数据集/视图(如http://code.google.com/apis/ajax/playground/?type=visualization#using_the_query_language中) ,那就太好了

如果您/其他人知道另一种方法,我将有兴趣听到它。