8

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

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

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

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

4

1 回答 1

7

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

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

xAxis: {
  labels: {
    formatter: function(){
      return names[this.value];
    }
  }
},
于 2013-02-06T16:30:38.477 回答