Question

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

在鼠标悬停时，会出现一个小弹出窗口，其中包含有关数据的其他信息。是否可以在其中放置链接？

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

我对jQuery不太了解，所以我很欣赏这里的一些专业知识。谢谢！

Answer 1

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

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

然后诀窍是跟踪哪些过滤器当前处于活动状态和那种事情。如果这很容易集成，或者甚至能够查询数据集/视图（如在http://code.google.com/apis/ajax/playground/?type=visualization#using_the_query_language中）

那就太好了

如果您/其他人知道替代方法，我会有兴趣听到它..

Answer 2

是的，有可能。虽然没有直接的方法来做到这一点。

我也在寻找这个，我找到了办法。

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

您可以查看this。链接到repository。

Answer 3

您可以在此处说明的Google图表中使用事件处理： https://developers.google.com/chart/interactive/docs/dev/events

诀窍是使用图表的'select'事件并在处理程序中编写代码。

var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));

chart.draw(data, options);

google.visualization.events.addListener(chart,'select',selectHandler);

function selectHandler()
{
  //your code here

}

您可以在此处查看示例实现：https://jsfiddle.net/Abhishek1191/zggv80jo/

在这里，我创建了一个组合图表，点击任意数据点后，您会看到原始图表下方添加了一个饼图

谷歌图表 - 可以在图表中深入挖掘内容吗？

3 个答案: