项目中遇到个需求,用户刚打开页面时,折线图当前日期的拐点高亮并显示label,如图:
可能这个需求比较特殊,度娘了半天没有找到,最后在echarts的官方文档中找到了,用到的是dispatchAction
这个api,
文档如下:
触发图表行为,例如图例开关`legendToggleSelect`, 数据区域缩放`dataZoom`,显示
提示框`showTip`等等
文档传送门
demo如下:
//这里我们模拟鼠标的点击事件
myChart.dispatchAction({
type: 'highlight',
dataIndex:that.date-1
});
action.highlight
高亮指定的数据图形。
通过seriesName
或者seriesIndex
指定系列。如果要再指定某个数据可以再指定dataIndex
或者name
。
dispatchAction({
type: 'highlight',
// 可选,系列 index,可以是一个数组指定多个系列
seriesIndex?: number|Array,
// 可选,系列名称,可以是一个数组指定多个系列
seriesName?: string|Array,
// 可选,数据的 index
dataIndex?: number,
// 可选,数据的 名称
name?: string
})