勇敢去面对
2024-06-11 11:48:29
Echarts 可以通过调用 `setOption` 方法重新渲染图表。该方法接受一个包含新数据和配置的对象作为参数,然后会重新绘制图表。
例如,假设有一个饼图:
```javascriptvar myChart = echarts.init(document.getElementById('myChart'));var option = { series: [{ type: 'pie', data: [ {value: 335, name: '直接访问'}, {value: 310, name: '邮件营销'}, {value: 234, name: '联盟广告'}, {value: 135, name: '视频广告'}, {value: 1548, name: '搜索引擎'} ] }]};
myChart.setOption(option);```
现在想要改变饼图的数据,可以调用 `setOption` 方法,并传入新的数据:
```javascriptvar newData = [ {value: 335, name: '直接访问'}, {value: 410, name: '邮件营销'}, {value: 134, name: '联盟广告'}, {value: 235, name: '视频广告'}, {value: 848, name: '搜索引擎'}];
myChart.setOption({ series: [{ data: newData }]});```
这样就会重新渲染饼图,并使用新的数据。注意,如果想要改变其他配置,也可以在 `setOption` 方法中传入新的配置。