echarts饼图如何去掉点击扇区高亮

问题:echarts饼图如何去掉点击扇区高亮?

为了方便使用,echarts的饼图中给加入了默认的hover高亮效果,其实是挺好用的,但是恰恰有的时候用不到,只是展示图表,不需要交互,那怎么办呢?只需要设置series中的silent属性设置成true即可,就是这个:

但是这个属性设置成true后,就不会响应和触发 鼠标事件了,而恰恰我又需要鼠标移动到饼图上时触发hover事件,但是是整个的只触发一次,然后显示整体的数据,最终效果如下(数据为模拟数据,鼠标移入时显示,移出时消失,显示在饼图左下角的):

好啦,说完需求后,下边是我找到的一个办法,感觉还行(不是唯一办法哦),下面的是主要代码,思想就是将高亮时的颜色和原本颜色手动设置成相同的值(好简单),这个data就是series里的data。这里颜色,数据是随便设置的,和上图颜色有出入。

data = [
    {   
        name: '这是名字',
        value: 1232214
        item.itemStyle = {
            normal: { color: '#00AEF4' },
            emphasis: { color: '#00AEF4'}
        }
     },
     ...
 ]

猜你喜欢

转载自blog.csdn.net/DZY_12/article/details/108147655