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

最新推荐文章于 2024-09-27 21:07:07 发布

转载最新推荐文章于 2024-09-27 21:07:07 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/snowhite/p/7722859.html

文章标签：

#javascript #ViewUI

本文介绍如何在ECharts中取消鼠标滑过提示框、图例点击事件及图表上的点击事件，通过设置相关属性实现图表展示效果的定制。

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

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

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:'搜索引擎'}
            ]
        }
    ]

转载于:https://www.cnblogs.com/snowhite/p/7722859.html