在plot.ly JS中,可以通过使用plotly_legendclick
事件来获取在图例中单击的轨迹。当用户单击图例中的轨迹时,该事件将被触发,并提供有关所选轨迹的信息。
以下是获取在plot.ly JS中单击图例轨迹的步骤:
var trace1 = {
x: [1, 2, 3, 4],
y: [10, 15, 13, 17],
type: 'scatter',
name: 'Trace 1'
};
var trace2 = {
x: [1, 2, 3, 4],
y: [16, 5, 11, 9],
type: 'scatter',
name: 'Trace 2'
};
var data = [trace1, trace2];
var layout = {
title: 'Plotly Legend Click Event',
showlegend: true
};
Plotly.newPlot('myDiv', data, layout);
plotly_legendclick
事件来监听图例的点击事件,并获取所选轨迹的信息。var myPlot = document.getElementById('myDiv');
myPlot.on('plotly_legendclick', function(data) {
var clickedTrace = data.curveNumber;
var traceName = data.data[clickedTrace].name;
console.log('Clicked Trace:', traceName);
});
在上述代码中,plotly_legendclick
事件的回调函数中,data.curveNumber
表示所选轨迹的索引,data.data[clickedTrace].name
表示所选轨迹的名称。
通过上述步骤,您可以在plot.ly JS中获取在图例中单击的轨迹,并根据需要进行进一步处理。
腾讯云相关产品和产品介绍链接地址:
云+社区技术沙龙[第6期]
云+社区技术沙龙[第8期]
腾讯云GAME-TECH沙龙
DBTalk技术分享会
GAME-TECH
云+社区技术沙龙[第5期]
腾讯位置服务技术沙龙
云+未来峰会
Elastic 中国开发者大会
云+社区技术沙龙[第9期]
腾讯技术开放日
领取专属 10元无门槛券
手把手带您无忧上云