Question

我想添加一个下拉菜单来选择图形上的特定点，因此人们可以通过下拉菜单选择一个点，而不查看每个点。但是我不知道如何将下拉菜单集成到表格中：

当前，我找到了此代码，但我不知道如何适合我的模板： https://plot.ly/javascript/dropdowns/

希望你们能帮助我。在下面，您可以看到我的代码段。

<head>
  <!-- Plotly.js -->
   <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
  <div id="myDiv"><!-- Plotly chart will be drawn inside this DIV --></div>
  <script>

   var trace1 = {
  x: [1, 2, 3, 4],
  y: [10, 15, 13, 17],
  mode: 'markers',
  type: 'scatter'
};

var trace2 = {
  x: [2, 3, 4, 5],
  y: [16, 5, 11, 9],
  mode: 'markers',
  type: 'scatter'
};

var trace3 = {
  x: [1, 2, 3, 4],
  y: [12, 9, 15, 12],
  mode: 'markers',
  type: 'scatter'
};

var data = [trace1, trace2, trace3];

Plotly.newPlot('myDiv', data);


  </script>
</body>

不知道如何添加下拉菜单以在绘图中选择图形中的一个点

0 个答案: