将跟踪的 javascript 事件识别到正确的 div

Question

我正在使用绘图图表并根据图表中的选择触发事件。

https://plot.ly/javascript/zoom-events/

因此，在此示例中，页面上有一个 div，并呈现了一个绘图图表。当我在图表中进行选择时，会触发 plotly_relayout 事件。在这个事件中，我弹出一个显示事件数据的警报。

我的问题是：假设屏幕上有两个 div，myDiv1 和 myDiv2 都包含不同的图表。

当我在一个图表中进行选择时，事件会触发并且警报会显示事件数据。除了事件数据，我还如何添加有关从哪个 div/chart 触发事件的信息？

谢谢， 体式

Answer 1

不幸的是，此功能并未融入 plotly.js 事件中，您必须自己将其添加到您的点击处理程序中。例如

var plot1; // let's assume these are the plotly plots for now
var plot2;

plot1.on('plotly_click', function(e){
    myHandler('plot1', e);
});

plot2.on('plotly_click', function(e){
    myHandler('plot2', e);
});

function myHandler(id, e){
    console.log('Click data from ' + id + ':', e); 
}