echarts使用图例默认不选中

最新推荐文章于 2025-03-31 16:57:18 发布

原创最新推荐文章于 2025-03-31 16:57:18 发布 · 3.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Echarts

面向对象专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用ECharts通过图例实现两个图表之间的动态切换，包括图例样式的自定义、图例项的默认状态设置及点击事件的处理。通过实例展示了如何在点击事件中清除图表并重新设置配置。

legend: {
　　show: ‘’,
　　icon:“circle”,　　//更改图列的默认样式（ ‘circle’, ‘rect’, ‘roundRect’, ‘triangle’, ‘diamond’, ‘pin’, ‘arrow’）（全部的图例类型改变）
　　data:[‘邮件营销’,‘全部’],//图例
　　selected:{
　　　　“全部”:false //图例为‘全部’的一项默认置灰
　　}
},

图例的点击事件
mainChart.on(‘legendselectchanged’, function(params) {
　　console.log(params) 　　　　//被选中的图例数组
})

mainChart.clear()
mainChart.setOption()

场景:两个图表通过图例进行切换,在点击事件清除图表实例,再重新设置配置