如何通过给echarts饼形图加标签引导线

在series下面的合适位置复制如下代码即可

label: {                        // 饼图图形上的文本标签,可用于说明图形的一些数据信息,比如值,名称等.
                      normal: {
                          show: true,  
                                    fontSize: 9,// 是否显示标签[ default: false ]
                          position: 'outside',    // 标签的位置。'outside'饼图扇区外侧,通过视觉引导线连到相应的扇区。'inside','inner' 同 'inside',饼图扇区内部。'center'在饼图中心位置。
                          formatter:'{b}{c}%'  // 标签内容
                      }
                  },
                  labelLine: {                    // 标签的视觉引导线样式,在 label 位置 设置为'outside'的时候会显示视觉引导线。
                      normal: {
                          show: true,             // 是否显示视觉引导线。
                          length: 30,             // 在 label 位置 设置为'outside'的时候会显示视觉引导线。
                          length2:15,
                        
                                    // 视觉引导项第二段的长度。
                          lineStyle: {            // 视觉引导线的样式
                          type:'solid',    
                              
                          }
                      }
                  },

  • 9
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值