高度图:水平标签不适合空间。如何解决这个问题？

Question

正如您在下面的图片中所看到的，水平标签实际上并不适合它们所拥有的空间。我想剪掉那些不合适的标签，防止它们泛滥。

我该怎么办？

​

​

Answer 1

尝试使用带旋转标签的列。

下面是他们在这个jsFiddle中使用的一个示例

// highcharts config object
...
xAxis: {
    categories: categoryList,
    labels: {
        rotation: -45,
        align: 'right',
        style: {
            fontSize: '13px',
            fontFamily: 'Verdana, sans-serif'
        }
    }
},
... // More configs

你可以改变标签的旋转，这样它们就有希望被并排放置.

Answer 2

你有太多的刻度，标签太长，所以我建议：

• 使用tickInterval并增加滴答之间的范围
• 用旋转旋转标签
• 增加maxStaggerLines或适应staggerLines