echarts图例点击会有一个默认的点击事件,会把点击的图例对应的legend取消
解决办法:legendselectchanged事件中将取消选中的legend动态设置回来,主要代码如下:
let chart = echarts.init(document.getElementById('main'), null)
//图例点击事件
chart.on('legendselectchanged', params => {
//父组件通过click-legend事件,写真正要实现的点击事件代码
emit('click-legend', {
series: params
})
//将默认点击事件中取消选中的legend动态设置回来
chart.setOption({
legend: { selected: { [params.name]: true } }
})
})