无论间距约束如何，我如何强制高图显示每个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可能会删除刻度。