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()再次。

因此，有时候建议保存完整的配置对象并在其中存储更改。