ECharts 入门教程 指定与取消ECharts数据图形高亮

2024-02-25 开发教程 ECharts 入门教程 匿名 10

ECharts 中支持的图表行为,通过 dispatchAction 触发。

注: 代码中的 ?: 表示该属性是可选的。EVENT: 是 action 对应触发的事件。

action.highlight | Action


高亮指定的数据图形。

通过 seriesName 或者 seriesIndex 指定系列。如果要再指定某个数据可以再指定 dataIndex 或者 name。

dispatchAction({
type: 'highlight',
// 可选,系列 index,可以是一个数组指定多个系列
seriesIndex?: number|Array,
// 可选,系列名称,可以是一个数组指定多个系列
seriesName?: string|Array,
// 可选,数据的 index
dataIndex?: number,
// 可选,数据的 名称
name?: string
})

action.downplay | Action


取消高亮指定的数据图形。

通过 seriesName 或者 seriesIndex 指定系列。如果要指定某个数据可以再指定 dataIndex 或者 name。

dispatchAction({
type: 'downplay',
// 可选,系列 index,可以是一个数组指定多个系列
seriesIndex?: number|Array,
// 可选,系列名称,可以是一个数组指定多个系列
seriesName?: string|Array,
// 可选,数据的 index
dataIndex?: number,
// 可选,数据的 名称
name?: string
})