2015-05-31 74 views
0

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

我非常感谢这方面的帮助。

谢谢!

+0

请您可以包括你到目前为止的例子?本文可能有所帮助:http://www.sitepoint.com/create-data-visualizations-javascript-dimple-d3/ –

+0

约翰,我现在有一个简单的折线图。在折线图上的一个数据点上,DimpleJS显示一个工具提示。类似于我想添加一个onclick函数,它将打开一个弹出窗口来显示关于数据点的更多附加信息。我不知道如何添加此onclick。 – huhahihi

回答

0

您可以点击事件添加到该系列是这样的:

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

这将显示一个JavaScript弹出包含点击点的x值。您可以获取有关(在上面的例子中e)EventArgs的对象的详细信息在这里:https://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.eventArgs

你可以看到含有上述这里的线基本路线图的例子:

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

+0

谢谢John!非常酷的功能! – huhahihi

相关问题