Highcharts重叠类别标签

时间:2013-02-06 15:04:38

标签: javascript highcharts

我需要有关xAxis类别标签问题的帮助。当所有类别标签都没有空间时,它们会被挤在一起并相互重叠。

我已经搜索过,看看我是否能找到某种方法来确保不会发生这种情况,首先我寻找一个滚动解决方案,然后进行某种缩放,最后我试着去交错线。

问题是,如果我要使用staggerLines,我需要根据我拥有的类别数设置值。如果我有10或更少,staggerLine值设置为1,11-20我希望它是2,21-30我想将它设置为3,依此类推。我不能简单地将它设置为3,因为有时它只会显示几个类别,并且对于staggerLines来说效果不佳。

对于如何解决这个问题,任何人都有一个很好的建议吗?

1 个答案:

答案 0 :(得分:7)

您根本不必使用类别。一般来说类别很好,例如水果或名称 - 如何定义应显示哪个名称,哪些不应该?苹果比香蕉更重要吗?

但是,解决方案非常简单,使用xAxis标签格式化器,看看:http://jsbin.com/oyudan/27/edit

xAxis: {
  labels: {
    formatter: function(){
      return names[this.value];
    }
  }
},