单击图表中的数据点打开弹出窗口

时间:2015-05-31 04:39:09

标签: javascript d3.js dimple.js

我正在使用DimpleJS(这太棒了!)制作一些图表。我想添加一个功能,以便在点击折线图上的数据点时,会打开一个弹出窗口,其中显示有关数据点的更多信息。我想为图表上的每个数据点创建一个动态URL来完成此操作,但我无法想象我是如何做到这一点的。

我非常感谢你提供任何帮助。

谢谢!

1 个答案:

答案 0 :(得分:0)

您可以在系列中添加点击事件,如下所示:

mySeries.addEventHandler("click", function (e) { 
    alert("Hey you clicked " + e.xValue); 
});

这将显示一个JavaScript弹出窗口,其中包含点击的点的x值。您可以在此处获取有关eventArgs对象(上例中的e)的更多信息:https://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs

您可以在此处看到包含上述行的基本折线图示例:

http://jsbin.com/yotoya/1/edit?js,output