Question

我有多个复选框可以将数据绘制到我的情节图表中。我想在未选中时删除图表中的痕迹。

 <input id="4" type="checkbox" value="radio" onclick="getTraces(this)"/>
 <input id="5" type="checkbox" value="micro" onclick="getTraces(this)"/>

getTraces（）调用Plotly.addTraces并从数据库传递数据

 Plotly.addTraces[x:[],y:[]] // add traces in to chart

可以使用

删除跟踪

 Plotly.deleteTraces[]// pass the position of the trace to delete trace.

我的问题是我需要传递我想删除的跟踪位置。我怎样才能保证痕迹的位置？我想的是以某种方式安全检查我选中的复选框的顺序。如果我知道首先检查了复选框1，然后图表的位置也是第一位的。

总是在我打电话的时候

Plotly.addTraces[x:[],y:[]]

Plot的数据数组中有一个新元素。像这样：data [trace1，trace2，trace3]。

Answer 1

我找到了解决方案。

    Plotly.addTraces[x:[],y:[],name:"Chart1"] // add traces in to chart

我按

获取图表

  chart3 = document.getElementById('chart3');  
  for(var i=0;i<chart3.data.length;i++)
  {
      if(chart3.data[i]["name"]==nameofCharttodelete)
      {
           Plotly.deleteTraces('chart3',i);     
      }
  }

我循环遍历图表的数据数组，并将图表中的名称与我的复选框值进行比较。

如何从带有复选框的图表图表中删除痕迹？

1 个答案: