高图表重叠类别标签

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

我搜索过是否可以找到某种方法来确保这种情况不会发生，首先我寻找滚动解决方案，然后进行某种缩放，最后我尝试使用 staggerLines。

问题是，如果我要使用 staggerLines，我需要根据我拥有的类别数量设置该值。如果我有 10 个或更少，则 staggerLine 值设置为 1，11-20 我希望将其设置为 2，21-30 我希望将其设置为 3，依此类推。我不能简单地将其设置为 3，因为有时它只会显示几个类别，这对于 staggerLines 来说看起来不太好。

有人对如何解决这个问题有好的建议吗？

您根本不必使用类别。一般来说，类别很适合展示，例如水果或名称 - 如何定义应该显示哪个名称，以及不应该显示哪个名称？苹果比香蕉重要吗？

不过，解决方案非常简单，使用 xAxis 标签格式化程序，看一下：http://jsbin.com/oyudan/27/edit http://jsbin.com/oyudan/27/edit

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