问题:echarts饼图如何去掉点击扇区高亮?
为了方便使用,echarts的饼图中给加入了默认的hover高亮效果,其实是挺好用的,但是恰恰有的时候用不到,只是展示图表,不需要交互,那怎么办呢?只需要设置series中的silent属性设置成true即可,就是这个:
但是这个属性设置成true后,就不会响应和触发 鼠标事件了,而恰恰我又需要鼠标移动到饼图上时触发hover事件,但是是整个的只触发一次,然后显示整体的数据,最终效果如下(数据为模拟数据,鼠标移入时显示,移出时消失,显示在饼图左下角的):
好啦,说完需求后,下边是我找到的一个办法,感觉还行(不是唯一办法哦),下面的是主要代码,思想就是将高亮时的颜色和原本颜色手动设置成相同的值(好简单),这个data就是series里的data。这里颜色,数据是随便设置的,和上图颜色有出入。
data = [
{
name: '这是名字',
value: 1232214
item.itemStyle = {
normal: { color: '#00AEF4' },
emphasis: { color: '#00AEF4'}
}
},
...
]