echarts 环形图要求鼠标移上去不放大
通过hoverAnimation: false
来控制
完整代码
drawLine() {
var that = this
window.addEventListener('resize', this.drawLine)
let myChart = this.$echarts.init(this.$refs.echarts1)
var option = {
tooltip: {
trigger: 'item',
formatter: function (e) {
console.log(e)
return e.data.name + ' ' + e.data.value + ' ' + e.percent + '%'
}
},
legend: {
height: '80%',
show: true,
orient: 'horizontal',
// orient: 'horizontal',
left: 'center',
icon: 'circle',
bottom: '0',
align: 'left',
textStyle: {
color: '#7692B4',
fontSize: FontChart(14)
},
itemWidth: FontChart(15),
itemHeight: FontChart(10),
itemGap: FontChart(30)
},
series: [
{
hoverAnimation: false,
type: 'pie',
center: ['50%', '45%'],
radius: ['50%', '70%'],
color: ['#179CFB',
'rgba(140, 243, 255, 1.00)'],
labelLine: {
normal: {
length: FontChart(20)
}
},
label: {
show: false,
position: 'inside',
formatter: '{d}%',
color: '#fff',
fontSize: FontChart(16)
},
itemStyle: {
normal: {
borderColor: '#1F323F',
borderWidth: 0
}
},
data: [{
name: '高纯铝锭口',
value: this.min
}, {
name: '其它产品',
value: 1 - this.min
}]
}
]
}
myChart.clear()
myChart.resize()
myChart.setOption(option)
},