• echarts的饼图label标签重叠解决办法


    1. 未使用formatter,不使用formatter的情况下label重叠主要是没有设置
      第一步:调整文字的显示大小,字越小就越不会重叠

      第二步:设置最小扇区角度,minAngle(最小的扇区角度(0 ~ 360),用于防止某个值过小导致扇区太小影响交互)

      第三步:avoidLabelOverlap(是否启用防止标签重叠策略,默认默认开启,默认是true ,可以不设置,但是不能设置成false)

    2. 使用了formatter
      使用了formatter的情况下重叠的情况有
      在这里插入图片描述
      这种情况一般是因为在series中的label中设置了padding的值,echarts不会考虑padding是label的内容,所以不会计算padding在内,导致了重叠
      解决办法:
      第一步:设置padding为0,或者不设置padding(默认是0)
      第二部:不设置padding会出现边框和字体的重叠 如下
      在这里插入图片描述
      解决办法就是在formatter的文本开始和结束前后各加一个 用换行来代替padding,换行的宽度是会被echarts计算在内的,如图
      在这里插入图片描述

    formatter: '
     事件等级:{b} 
     事件数量:{c}起 
     事件占比:{d}% 
    ',
    
    • 1

    结果就是这样了:

    既美观也不会重叠!


  • 相关阅读:
    卡特兰数
    Tree
    关于树上DP的转移方式与复杂度证明
    Tarjan进阶
    排队
    Perm 排列计数
    [bzoj1227]虔诚的墓主人
    [BZOJ1195]最短母串
    ValueError: Variable vgg_16/conv1/conv1_1/weights already exists, disallowed
    《链家网技术架构的演进之路》读后感
  • 原文地址:https://www.cnblogs.com/mmzuo-798/p/14339996.html
Copyright © 2020-2023  润新知