데이터 변경시 ECharts 새로 고침

Question

현재 상용 프로젝트의 잠재적 인 위험 요소를 계산해야하는 대화 형 차트에서 작업하고 있습니다. 나는 이것을 위해 Baidu ECharts를 사용 해왔고 시각적으로 작동하는 그래프를 얻었지만 데이터가 변경되면 그래프를 업데이트 할 수 없습니다.

이 데이터는 값에 라디오 버튼을 사용하는 외부 설문지와 전체 세트를 켜고 끄는 체크 박스에서 온 것입니다.

<input type="checkbox" id="GPEbool" value="true"> Example Question 1</h4> 
    <form action=""> 
    <input type="radio" id="polishedness" value="1"> Idea<br> 
    <input type="radio" id="polishedness" value="1"> Concept<br> 
    <input type="radio" id="polishedness" value="2"> Mockup<br> 
    <input type="radio" id="polishedness" value="5"> Prototype<br> 
    <input type="radio" id="polishedness" value="7"> Playable<br> 
    <input type="radio" id="polishedness" value="15"> Polish<br> 
    <input type="radio" id="polishedness" value="30"> Finished<br> 
</form> 

지금 문제는 데이터를 그래프로 가져 오는 것입니다. 처음에 선택한 값을 가져 오지만 (그 중 하나에 "checked"를 추가 할 때), 그 후에는 업데이트되지 않습니다.

data: [{ value: $('input[name=polishedness]:checked').val(), name: 'Design'}] 

변경 될 때마다 새로 고침 기능을 호출 해봤지만 새로 고침이 기능이 아닙니다. 나는 정말 실망스럽고, 중국어 문서가 나를 많이 도와주지 않는다.

어떤 제안이라도? 미리 감사드립니다!

Answer 1

새 데이터로 다시 chartInstance.setOption()으로 전화해야합니다.

내가 당신에게 작은 예를 제공합니다 : 후

// eChart is the chart instance! 
echart.setOption({ 
    // .... some configuration 
    series: [ 
     { 
      type: "line", 
      name: "test", 
      data: [1,2,3,4,5,6] 
     } 
    ] 
}) 

당신이 당신의 선택 상자의 값을 변경을하면, 해당 이벤트를 잡을 구성 개체의 값과 전화를 변경해야chartInstance.setOption()다시.

따라서 전체 구성 개체를 저장하고 거기에 변경 사항을 저장하는 것이 좋습니다.