美文网首页工作生活
eCharts隐藏鼠标悬浮高亮效果(鼠标悬浮区块突出)

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

作者: 阿树先生 | 来源:发表于2019-07-04 11:29 被阅读0次

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

0002

就是当鼠标悬浮到某一区块时,该区块会默认呈高亮状态并突出,在有些情况下是很有必要的,但是在默写特殊情况下这种突出会将影响网页的整体美观,那么就需要将其隐藏起来,如何隐藏呢?其实很简单,只需要在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:'搜索引擎'}

            ]

        }

    ]

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

0003

相关文章

网友评论

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

    本文链接:https://www.haomeiwen.com/subject/zrelhctx.html