echarts图表如何取消图例点击事件

-小C_

于 2024-03-05 14:12:51 发布

阅读量704

点赞数 4

分类专栏：可视化大屏文章标签：前端信息可视化

本文链接：https://blog.csdn.net/m0_75107188/article/details/136477373

版权

可视化大屏专栏收录该内容

8 篇文章 0 订阅

订阅专栏

问题：echarts图表取消图例点击事件
解决过程：echarts图表，例如折线图、柱形图均有图例显示，点击图例可以控制当前点击对象是否在图表显示，此点击事件通过配置项legend的selectedMode属性进行配置，如不需该点击事件则设为false，反之如需该点击事件则为true，该属性默认为true
解决结果：

legend: {
    top: 5,
    left: "right",
    itemGap: 5,
    itemWidth: 20,
    itemHeight: 5,
    icon: "rect",
    textStyle: {
         fontSize: 12,
         color: "#fff"
    },
    data: ['图片1','图片2'],
    selectedMode:false,
},