将跟踪的javascript事件标识到右侧div

将跟踪的javascript事件标识到右侧div,javascript,plotly,Javascript,Plotly,我正在使用plotly图表,并根据图表中的选择触发事件 因此,在本例中,页面上有一个div,并呈现一个plotly图表。在图表中进行选择时,将触发plotly_relayout事件。在这个事件中,我弹出一个显示事件数据的警报 我的问题是:假设屏幕上有两个div myDiv1和myDiv2都包含不同的图表 当我在一个图表中进行选择时,事件激发并显示事件数据。除了事件数据之外,我还可以如何添加有关触发事件的div/chart的信息 谢谢,, Asanas不幸的是,此功能未烘焙到plotly.js事

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

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

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

当我在一个图表中进行选择时,事件激发并显示事件数据。除了事件数据之外,我还可以如何添加有关触发事件的div/chart的信息

谢谢,,
Asanas

不幸的是,此功能未烘焙到plotly.js事件中,您必须自己将其添加到单击处理程序中。例如

var plot1;//让我们假设这些是目前的情节图
var-plot2;
plot1.on('plotly_click',函数(e){
myHandler('plot1',e);
});
plot2.on('plotly_click',函数(e){
myHandler('plot2',e);
});
函数myHandler(id,e){
log('Click data from'+id+':',e);
}

这将解决我的问题。非常感谢。还有一件事困扰着我。假设我的页面有很多图表,我想把一个函数绑定到所有这些图表上,我该怎么做呢?假设这些div中的每一个都有一个类名和一个id,那么我就可以拥有一个函数,并使用类名将它绑定到所有div。但在这种情况下,我回到了与单击哪个div相同的问题。我如何获取该div的div id?任何示例都会非常有用。在您提供的场景中,您仍然可以访问自定义处理程序中的DOM元素-您可以使用它们的类名选择所有绘图,然后在处理程序中,您可以根据需要使用给定元素的id,例如
node.id
,其中
node
是调用
document.getElementsByClassName('application-graph')
返回的节点之一。