ECharts刷新數據更改

Question

我目前正在制定一個交互式圖表，它應該計算商業項目的潛在風險因素。我一直在使用百度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()再次。

因此，有時候建議保存完整的配置對象並在其中存儲更改。