echarts饼状图鼠标移入后会方法,这里我们并不想放大,需要进行一下设置,这里我们使用 hoverOffset: 0
来进行控制
设置前
设置后
实现代码
{
name: '市场快检',
type: 'pie',
roundCap: false,
hoverOffset: 0,
radius: ['80%', '90%'],
center: ['50%', '50%'],
borderCap: 'round',
label: {
show: false,
normal: {
show: false,
fontSize: 14,
color: '#92B2D7',
position: 'center', // 在中心显示标签
formatter: function(params) {
return params.percent.toFixed(0) + '%'; // 显示百分比
},
},
emphasis: {
show: true,
position: 'center', // 在中心显示标签
formatter: function(params) {
return params.percent.toFixed(0) + '%'; // 显示百分比
},
textStyle: { // 这里添加自定义样式
fontSize: 20,
fontFamily: 'DIN-bold',
fontWeight: 'bold',
color: '#11FFFE'
}
},
},
labelLine: {
show: false,
length: 1,
length2: 10
},
data: data
}