首页 > 代码库 > highchart,highstock,xAxis.labels 横轴坐标相互覆盖
highchart,highstock,xAxis.labels 横轴坐标相互覆盖
现象:
这是相邻的两个日期相互覆盖,不是数据重复。实际是 【6月13】和【7月13】互相覆盖了。
这种现象发生在边界上,特别是outer edge 和plot area 大小接近时,或者xAxis.labels.overflow = ‘justify‘,当然这是默认设置。还有,一般是显示月份之类间隔较大的数据时。
原因,默认设置下:
当plot area的边界处在6月份时,【6月13】这个label就会一直显示在边界上,所以当边界线接近下一个label时,就会重叠在一起。
解决办法:
找了半天,找不到如何设置才能禁止label在边界上停留。。。。。。。想其他办法,发现当
xAxis.labels.overflow = ‘justify‘时,label是不能出现在plot area 之外的,而当xAxis.labels.overflow = ‘false‘时,label的边界会变成outer edge。但是outer edge上label隐藏的时机却不是下一个label到达【outer edge】,而依然是下一个label到达【plot area edge】
所以,不管用什么办法,要让【outer edge】和【plot area edge】之间有一定距离。
如,设置两边界之间的margin,chart.margin=[0,100,0,100],两边都要设置,因为这个问题左右边界都有
highchart,highstock,xAxis.labels 横轴坐标相互覆盖
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。