echarts 重新渲染,重新加载
时间: 2023-06-29 13:16:59 浏览: 90
如果你想要重新渲染 ECharts,可以通过调用 `echarts.init(dom)` 方法重新初始化 ECharts 实例,并使用 `setOption(option)` 方法设置新的配置项。具体步骤如下:
1. 获取 ECharts 实例的 DOM 元素,例如:
```javascript
var dom = document.getElementById('myChart');
```
2. 重新初始化 ECharts 实例,例如:
```javascript
var myChart = echarts.init(dom);
```
3. 设置新的配置项,例如:
```javascript
var option = {
// 新的配置项
};
myChart.setOption(option);
```
如果你想要重新加载数据,可以通过修改原有的配置项,然后使用 `setOption(option)` 方法重新渲染 ECharts。具体步骤如下:
1. 获取 ECharts 实例的 DOM 元素和原有的配置项,例如:
```javascript
var dom = document.getElementById('myChart');
var option = myChart.getOption();
```
2. 修改原有的配置项,例如:
```javascript
option.series[0].data = [1, 2, 3, 4, 5];
```
3. 使用 `setOption(option)` 方法重新渲染 ECharts,例如:
```javascript
myChart.setOption(option);
```