Chart: 计算X轴标签个数1 (正确的分析) --- 确定标签间隔数

这是对【eCharts】版本3源码的分析结果:  通过遍历,尝试找出标签间隔数。


源代码位置:    echarts-master\src\coord\axisHelper.js       函数名:axisHelper.getAxisLabelInterval


【思路】

===================================================

>>已知条件

标签的显示顺序和显示位置是固定的,只不过有的显示,有的不显示


>>思路

假设将全部标签都一一按顺序显示在各自的位置上,观察有哪些标签有重叠,最多的重叠次数就是我们要得出的“标签间隔数”



【评论】

===================================================

这个方法不能根治标签重叠。

但是从实际出发,标签文字个数通常会相近,上述方法足够“实用”。


多数情况下,

我们需要的是简化问题,找到满足通常情况(95%的可能)的方法,而不是找到满足所有情况的万能方法(当然,如果有足够简单的“万能方法”的话则另当别论)。


在“标签文字个数通常会相近”这个大前提下,会有跟“简便实用”的方法计算标签间隔:

1. 找到最长的文字,计算其长度。

2. 适当乘以大于1的系数,然后除以单位间隔(轴长度/显示对象个数),结果即为我们需要的间隔

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值