Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击图表中的数据点时打开弹出窗口_Javascript_D3.js_Dimple.js - Fatal编程技术网

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

Javascript 单击图表中的数据点时打开弹出窗口,javascript,d3.js,dimple.js,Javascript,D3.js,Dimple.js,我正在使用DimpleJS(这太神奇了!)制作一些图表。我想添加一个功能,以便在单击折线图上的数据点时,打开一个弹出窗口,显示有关该数据点的更多信息。我想为图表上的每个数据点创建一个动态URL来实现这一点,但我无法思考如何才能做到这一点 我将非常感谢在这方面的任何帮助 谢谢 您可以向该系列添加点击事件,如下所示: mySeries.addEventHandler("click", function (e) { alert("Hey you clicked " + e.xValue);

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

我将非常感谢在这方面的任何帮助


谢谢

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

mySeries.addEventHandler("click", function (e) { 
    alert("Hey you clicked " + e.xValue); 
});
这将显示一个JavaScript弹出窗口,其中包含单击点的x值。您可以在此处获得有关eventArgs对象(
e
)的更多信息:

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


请举例说明您目前的情况,好吗?这篇文章可能会有帮助:约翰,我现在有一个简单的折线图。将鼠标悬停在折线图中的数据点上,DimpleJS将显示工具提示。与此类似,我想添加一个onclick函数,它将打开一个弹出窗口来显示关于数据点的更多信息。我不知道如何添加这个onclick。