echarts饼图取消鼠标小手的样式
时间: 2023-10-29 07:54:33 浏览: 244
去掉共享时的小手图标
5星 · 资源好评率100%
要取消echarts饼图中鼠标小手的样式,可以通过修改代码和复写CSS样式来实现。
首先,在代码中修改饼图的cursor属性为'default',如下所示:
```
series: [
{
....
type: 'pie',
label: {
normal: {
show: true,
position: 'center',
....
fontSize: '12'
}
},
labelLayout: {
dy: this.title.indexOf('\n') > -1 ? 2 : 0
},
cursor: 'default' // 取消鼠标小手样式
}
]
```
这样,鼠标移入饼图时将显示默认的鼠标样式。
然而,这种修改只影响到饼图本身,而不会取消鼠标小手样式在饼图内文字上的显示。为了取消鼠标小手样式在中间文字上的显示,可以通过复写CSS样式来实现。例如,可以设置鼠标经过整个饼图盒子时的样式为默认样式,如下所示:
```
.pie-chart {
div > div > canvas {
cursor: default;
}
}
```
这样,鼠标在饼图内任何位置移动时都将显示默认的鼠标样式,从而取消了鼠标小手的样式。
阅读全文