Highcharts不会在溢出时隐藏类别标签

Question

我使用条形图和Highcharts 4.0.4。 当类别标签彼此接近时，其中一半会消失。我想禁用此行为，因为有足够的空间。 我试图搜索Highcharts文档：溢出，裁剪，剪辑，隐藏等。似乎什么都不适合。

示例：

height: 260px; http://jsfiddle.net/t1wtLLnc/3/

height: 230px; http://jsfiddle.net/t1wtLLnc/2/

正如您在第二个示例中所见，只显示了10个类别中的5个。

Answer 1

为了强制图表显示所有类别而不考虑可用空间，请将xAxis.labels.step设置为1。

这是代码：

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'bar'
        },
        title: {
            text: ''
        },
        subtitle: {
            text: ''
        },
        xAxis: {
            categories: ['cat1', 'cat2', 'cat3', 'cat4', 'cat5', 'cat6', 'cat7', 'cat8', 'cat9', 'cat10'],
            title: {
                text: null
            },
            labels: {
                step: 1
            }
        },
        series: [{
            name: 'ser1',
            data: [107, 31, 635, 203, 2, 34, 54, 41, 105, 20]
        }, ]
    });
});

以下是示例fiddle。

请注意，您可能会遇到文字痉挛的问题。我们操纵spacingLeft和margin来容纳长标题。在某些情况下，我们被迫增加图表的高度。