echart饼图如何动态显示label

Question

这是目前的效果，在codepen上，然后我想要的效果是，鼠标移开之后还是显示值，就是最后那个值，然后一开始没有交互的时候显示一个默认的项，目前用的是label的emphasis来显示，是否要改成normal来显示？

Answer 1

var mychart = echarts.init(document.getElementById('chart'));
mychart.on('mouseover', function(params) {
    option.series[0].data[params.dataIndex].label.normal={
      show: true,
          textStyle: {
            fontSize: '35',
            fontWeight: 'normal'
          }
    }
    mychart.setOption(option);
  });
  

监听mouseover修改option重新setOption

Answer 2

感觉如果你要这样更改的话 可以自己写mouseover的事件
参照echart的效果 通过mouseover事件来更改css效果和动画(长度动画 显示文字 增加modal)

或者你到echart源码里面取消mouseleave对css的修改