eCharts隐藏鼠标悬浮高亮效果(鼠标悬浮区块突出) | 您所在的位置:网站首页 › 鼠标浮动变色 › eCharts隐藏鼠标悬浮高亮效果(鼠标悬浮区块突出) |
在使用eCharts的饼图过程中会出现以下默认情况: 就是当鼠标悬浮到某一区块时,该区块会默认呈高亮状态并突出,在有些情况下是很有必要的,但是在默写特殊情况下这种突出会将影响网页的整体美观,那么就需要将其隐藏起来,如何隐藏呢?其实很简单,只需要在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:'搜索引擎'} ] } ]之后当鼠标再处于悬浮状态时将不会有区块弹出动画。 |
CopyRight 2018-2019 实验室设备网 版权所有 |