javascript - echart饼图如何动态显示label

问题描述

问 题

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

解决方案

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

这篇关于javascript - echart饼图如何动态显示label的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！