refresh - 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>

现在，问题是将数据放入图表中。它正确地获取了最初选择的值(将“选中”添加到其中之一时)，但之后不会更新。

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

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