无论间距限制如何，如何强制 highcharts 显示每个 x 轴标签？

Question

我想显示每个 x 轴标签，你可以看到它只显示其他每个标签：

http://jsfiddle.net/f48cjf01/2/

相关代码：

xAxis: {
    categories: _.pluck(_mainData, "number")
    , labels: {
         rotation: 290
         , step: 1 //show every tick regardless of spacing
         , align: 'right'
    }
}

我需要做什么才能显示每个刻度？ （考虑到空间很小，我知道这里可能看起来很丑……但我还是想强制它）

Answer 1

一种解决方案是使用tickPositioner 函数并指定每个索引：

xAxis: {
    tickPositioner: function() {
        var result = [];
        for(i = 0; i < _mainData.length; i++)
            result.push(i);
        return result;
    }
}

见this JSFiddle example。使用时可以删除xAxis.labels.step。

起初tickInterval 看起来更容易，但不幸的是由于以下注释无法正常工作：

如果 tickInterval 太密集而无法绘制标签，Highcharts 可能会删除刻度。