当前位置:网站首页>Echart饼状图标注遮盖解决方案汇总
Echart饼状图标注遮盖解决方案汇总
2022-08-10 19:07:00 【江湖行骗老中医】
问题描述:当数据过于密集显示标注信息会出现遮盖情况,如下:
标注被遮盖
解决方案:
一、
minAngle属性加avoidLabelOverlap属性搭配使用,
分析:minAngle属性为最小角度值,avoidLabelOverlap为是否启动标注压盖自动优化。
优点:速度快,工作量小。
缺点:最小角度的设置丢失数据的真实性。
示例代码:
type: 'pie',
minAngle: 5, //最小的扇区角度(0 ~ 360),用于防止某个值过小导致扇区太小影响交互
avoidLabelOverlap: true, //是否启用防止标签重叠策略
结果如图:
优化结果
二、
formatter属性,这个属性允许客户自定义显示格式,通常加换行符"\n"来解决。
分析:难度较大,但是对数据的真实性保留了。
三、
对源数据进行大小排序,然后对排序后数据进行交叉处理,即把数据大小岔开,不要让小数据集中在一起。
分析:工作量适中,保留数据真实性,个人强烈推荐。
边栏推荐
- 多线程与高并发(五)—— 源码解析 ReentrantLock
- Linux服务器安装Redis,详细步骤。
- GBASE 8s 高可用RSS集群搭建
- [Teach you how to make a small game] Write a function with only a few lines of native JS to play sound effects, play BGM, and switch BGM
- 转铁蛋白修饰长春新碱-粉防己碱脂质体|转铁蛋白修饰共载紫杉醇和金雀异黄素脂质体(试剂)
- 西安Biotin-PEG8-IA_IA-PEG8-生物素供应商
- [教你做小游戏] 斗地主的手牌,如何布局?看25万粉游戏区UP主怎么说
- What is the upstream bandwidth and downstream bandwidth of the server?
- 【知识分享】在音视频开发领域中SEI到底是个啥?
- 【LeetCode】42、接雨水
猜你喜欢
Introduction to 3 d games beginners essential 】 【 modeling knowledge
【Knowledge Sharing】What is SEI in the field of audio and video development?
MATLAB设计,FPGA实现,联合ISE和Modelsim仿真的FIR滤波器设计
(十)图像数据的序列与反序列化
@Autowired注解 --required a single bean, but 2 were found出现的原因以及解决方法
Modern Privacy-Preserving Record Linkage Techniques: An Overview论文总结
Hangdian Multi-School Seven 1003-Counting Stickmen (Combination Mathematics)
七月券商金工精选
3D Game Modeling Learning Route
【C#】WCF和TCP消息通信练习,实现群聊功能
随机推荐
我们用48h,合作创造了一款Web游戏:Dice Crush,参加国际赛事
(12) findContours function hierarchy explanation
转铁蛋白修饰蛇床子素长循环脂质体/负载三七皂苷R1的PEG-PLGA纳米粒([email protected] NPs)
电脑重装系统Win11格式化硬盘的详细方法
UnitTest中的Path must be within the project 问题
IIC通信协议总结[通俗易懂]
QoS服务质量六路由器拥塞管理
GBASE 8s 高可用RSS集群搭建
含有PEG 间隔基和一个末端伯胺基团(CAS:1006592-62-6)化学试剂
电脑为什么会蓝屏的原因
电脑如何去掉u盘写保护的状态
运维面试题(每日一题)
网站架构探测&chrome插件用于信息收集
基于TCP的聊天系统
今日份bug,点击win10任务栏视窗动态壁纸消失的bug,暂未发现解决方法。
Win11如何清除最近打开过的文件记录?
Common ports and services
【CNN】刷SOTA的trick
【初学必备】3d游戏建模入门基础知识
越折腾越好用的 3 款开源 APP