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

Question

我正在使用 DimpleJS（太棒了！）制作一些图表。我想添加一个功能，以便在单击折线图上的数据点时，会打开一个弹出窗口，显示有关该数据点的更多信息。我想为图表上的每个数据点创建一个动态的 URL 来完成此操作，但我想不出如何才能做到这一点。

非常感谢任何帮助。

谢谢！

Answer 1

您可以像这样向系列添加点击事件：

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

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

您可以在此处查看包含上述线条的基本折线图示例：

Open pop up upon clicking a datapoint in chart