echarts极坐标上label不显示的问题的解决方式

最新推荐文章于 2023-11-15 16:02:44 发布

小小的燕窝

最新推荐文章于 2023-11-15 16:02:44 发布

阅读量2.4k

点赞数

文章标签： js javascript 前端

本文链接：https://blog.csdn.net/qq_39262820/article/details/117819464

版权

上图是项目需要的呈现效果，希望在区域内显示Label，但是试了很多次series中的label都没用，不管事单独设置在series.label, 或者在series.data 中单独设置都不行。最后发现设置在

angleAxis: {
        type: 'category',
        startAngle: 0,
        data: ['5G注册', 'PDU会话'],
        zlevel: 100000,
        axisLine: {

        },
        axisTick: {
            show: false,
        },
        axisLabel: {
          show: true,
          margin: -35,
          formatter:function(value,index){

            return '{a|' + value +'}';
              
          },
          rich: {
              a: {
                  color: '#fff',
                  fontWeight: 'bold',
                  backgroundColor: 'rgba(0,0,0,0)',
                  // padding: 0,
                  
              },
              b: {
                  color: '#999'
              }
          }
        },
      },

就能实现想要的结果。