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() 一次.

因此,有时建议保存完整的配置对象并将更改存储在那里.