echarts 取消图例上的点击事件和图表上鼠标滑过点击事件

最新推荐文章于 2024-12-10 14:38:40 发布

原创最新推荐文章于 2024-12-10 14:38:40 发布 · 3.6w 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍如何通过配置禁用ECharts图表中的鼠标滑过提示框、图例点击切换及图表点击事件。具体包括设置tooltip显示为false以取消提示框、将legend的selectedMode设为false以关闭图例点击切换功能，以及将系列数据的clickable属性设为false来取消图表点击响应。

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看

备注：标黄的代码是起作用的代码，其他的不需要借鉴！！！

//取消鼠标滑过的提示框

tooltip : {

        trigger: 'item',
      show:false,
        formatter: "{a} <br/>{b} : {c} ({d}%)"

//取消图例的点击事件

legend: {
        orient : 'vertical',
      selectedMode:false,
        x : 'left',
        data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
    },

//取消图表上的点击事件

series : [
        {
            name:'访问来源',
            type:'pie',
          clickable:false,
            radius : '55%',
            center: ['50%', '60%'],
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ]
        }
    ]