eCharts隐藏鼠标悬浮高亮效果(鼠标悬浮区块突出)

在使用eCharts的饼图过程中会出现以下默认情况:

eCharts隐藏鼠标悬浮高亮效果(鼠标悬浮区块突出)_第1张图片

就是当鼠标悬浮到某一区块时,该区块会默认呈高亮状态并突出,在有些情况下是很有必要的,但是在默写特殊情况下这种突出会将影响网页的整体美观,那么就需要将其隐藏起来,如何隐藏呢?其实很简单,只需要在series内添加hoverAnimation:false,即可,代码如下所示:

 series: [
        {
            name:'访问来源',
            type:'pie',
            radius: ['50%', '70%'],
            hoverAnimation:false, //鼠标悬浮是否有区域弹出动画,false:无  true:有
            avoidLabelOverlap: false,
            label: {
                normal: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    show: true,
                    textStyle: {
                        fontSize: '30',
                        fontWeight: 'bold'
                    }
                }
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ]
        }
    ]

之后当鼠标再处于悬浮状态时将不会有区块弹出动画。

eCharts隐藏鼠标悬浮高亮效果(鼠标悬浮区块突出)_第2张图片

你可能感兴趣的:(html,html,eCharts)