플롯 차트에서 체크 상자를 사용하여 추적을 삭제하는 방법은 무엇입니까?

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. 

내 문제 가능합니다 나는 추적의 위치를 ​​전달할 필요가있다 나는 삭제하고 싶다. 어떻게 그 흔적의 위치를 ​​안전하게 지킬 수 있습니까? 내가 생각한 것은 어떻게 든 체크 된 체크 박스의 순서입니다. 만약 제가 먼저 체크 박스가 선택되었다는 것을 알게된다면, 그래프의 위치도 먼저 나타납니다.

는 항상 내가 플롯의 데이터 배열에 새로운 요소가

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

를 호출 할 때. 은 다음과 같습니다 : 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);  
     } 
    } 

I 루프로 차트를 얻을 내 체크 박스 값 차트에서 이름을 비교한다.