ECharts 移动端 图例取消然后再选中会导致对应数据项focus
时间: 2023-06-19 19:05:10 浏览: 214
可以通过设置 `legend.selectedMode` 为 `false` 来取消图例的选中状态。如果想要在取消选中后不再触发对应数据项的 `focus`,可以通过监听 `legendselectchanged` 事件,在事件处理函数中手动取消对应数据项的 `focus`。具体实现可以参考下面的示例代码:
```javascript
// 取消图例选中状态
myChart.on('legendselectchanged', function(params) {
if (params.selected[seriesName]) {
myChart.dispatchAction({
type: 'legendUnSelect',
name: seriesName
});
// 手动取消对应数据项的 focus
myChart.dispatchAction({
type: 'downplay',
seriesIndex: 0,
dataIndex: dataIndex
});
}
});
// 监听数据项的点击事件,触发 focus
myChart.on('click', function(params) {
if (params.seriesName === seriesName) {
myChart.dispatchAction({
type: 'highlight',
seriesIndex: 0,
dataIndex: params.dataIndex
});
}
});
```
其中,`seriesName` 和 `dataIndex` 分别表示对应的系列名称和数据项索引。
阅读全文