首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在plot.ly JS中获取在图例中单击的轨迹

在plot.ly JS中,可以通过使用plotly_legendclick事件来获取在图例中单击的轨迹。当用户单击图例中的轨迹时,该事件将被触发,并提供有关所选轨迹的信息。

以下是获取在plot.ly JS中单击图例轨迹的步骤:

  1. 首先,确保已经引入了plot.ly JS库,并创建了一个图表对象。
代码语言:txt
复制
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);
  1. 接下来,使用plotly_legendclick事件来监听图例的点击事件,并获取所选轨迹的信息。
代码语言:txt
复制
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中获取在图例中单击的轨迹,并根据需要进行进一步处理。

腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券