echarts饼状图鼠标移入后不要变大

echarts yekong

echarts饼状图鼠标移入后会方法,这里我们并不想放大,需要进行一下设置,这里我们使用 hoverOffset: 0来进行控制

设置前

echarts饼状图鼠标移入后不要变大

设置后

echarts饼状图鼠标移入后不要变大

实现代码

{
    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
  }
喜欢