echart 数据改变
时间: 2023-11-11 20:09:47 浏览: 75
要改变 ECharts 中的数据,首先需要获取到 ECharts 实例对象,然后通过调用 setOption 方法来更新数据。
以下是一个简单的示例代码:
```javascript
// 获取 ECharts 实例对象
var myChart = echarts.init(document.getElementById('myChart'));
// 更新数据
myChart.setOption({
series: [{
data: [10, 20, 30, 40, 50]
}]
});
```
在示例中,首先通过 `echarts.init` 方法获取到 ECharts 实例对象,然后通过调用 `setOption` 方法来更新数据。在更新数据时,需要将数据传入到 `series` 中的 `data` 属性中。
如果你需要对已有的数据进行修改,也可以通过修改数据源中的数据,然后重新调用 `setOption` 方法来更新数据。例如:
```javascript
// 获取 ECharts 实例对象
var myChart = echarts.init(document.getElementById('myChart'));
// 原始数据
var data = [10, 20, 30, 40, 50];
// 修改数据
data[2] = 35;
// 更新数据
myChart.setOption({
series: [{
data: data
}]
});
```
在这个示例中,我们首先定义了一个原始数据 `data`,然后将第三个数据从 `30` 修改为 `35`,最后通过调用 `setOption` 方法来更新数据。
阅读全文