Highcharts：水平标签不适合空间。怎么解决？

Question

如下图所示，水平标签实际上并不适合他们所拥有的空间。我想切掉那些不适合的标签，防止它们溢出。

我该怎么办？

Answer 1

尝试使用Columns with rotated labels。

以下是他们在this jsFiddle中使用的示例：

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

您可以更改标签的旋转，以便它们希望并排放置。

Answer 2

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

• 使用tickInterval并增加刻度之间的范围
• 按rotation
旋转标签
• 增加maxStaggerLines或改编staggerLines