eCharts隐藏鼠标悬浮高亮效果(鼠标悬浮区块突出) 您所在的位置:网站首页 鼠标浮动变色 eCharts隐藏鼠标悬浮高亮效果(鼠标悬浮区块突出)

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

2024-07-13 06:48| 来源: 网络整理| 查看: 265

在使用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 实验室设备网 版权所有