echarts 环形图取消鼠标移上去放大效果

echarts yekong

echarts 环形图要求鼠标移上去不放大
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)
},
喜欢