2013-02-06 125 views
8

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

我已搜查,看看我能找到一些方法,以确保不会发生这种情况,首先,我找了一个滚动的解决方案,然后某种变焦,并最终我试图去staggerLines。

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

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

+0

不张贴这是一个解决方案,因为这绝对需要被固定在HighCharts,但我们做的是所有类别xAxis数据图表,我们有xAxis垂直。这样标签的文字是水平的。肮脏的修复程序,但它适用于我们的数据,一旦我们的图表尺寸设置正确。 – wergeld

+0

搞笑,我有相反的问题(使用4.0.4)。类别被截断是因为它们不适合。 – nilskp

回答

7

根本不需要使用类别。一般而言,类别可以很好地显示水果或名字 - 如何定义哪个名字应该显示,哪些不应该显示?苹果比香蕉更重要吗?

然而,解决方案很简单,使用X轴标签格式,一起来看看:http://jsbin.com/oyudan/27/edit

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

谢谢,蕾。这帮了我很多。 –

+1

这里的秘诀是确保您在xAxis定义中不使用“类别:名称”。该图表非常聪明,可以抓取所需的标签。 –