echarts js 删除框选数据_亲测有效,echarts刷新图表,清空图表数据
时间: 2023-10-26 21:21:36 浏览: 154
要删除 ECharts 图表中的框选数据,可以通过调用 ECharts 实例的 `dispatchAction` 方法,以 `dataZoom` 类型的行为进行操作。具体代码如下:
```javascript
var chart = echarts.init(document.getElementById('chart'));
// 删除框选数据
chart.dispatchAction({
type: 'dataZoom',
dataZoomIndex: 0,
start: 0,
end: 100
});
```
其中 `chart` 是初始化 ECharts 实例时返回的对象,`dispatchAction` 方法用于触发指定类型的行为,`dataZoomIndex` 指定要操作的 dataZoom 组件的索引,`start` 和 `end` 分别表示要删除的数据区间的起始和结束位置,这里设置为 0 和 100 表示删除整个区间。
刷新图表可以通过调用 ECharts 实例的 `setOption` 方法,重新设置原来的 option 来实现。代码如下:
```javascript
var chart = echarts.init(document.getElementById('chart'));
// 刷新图表
chart.setOption(option);
```
其中 `option` 是原来的 option 配置项对象,重新设置后,ECharts 实例会重新渲染图表。如果要清空图表数据,可以将 `option` 对象中的 `series` 属性设置为空数组 `[]`。
阅读全文