无论间距约束如何,如何强制高图显示每个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;
    }
}

请参阅此JSFiddle示例.您可以xAxis.labels.step在使用时删除.

起初tickInterval看起来更容易,但遗憾的是由于以下注释不起作用:

如果tickInterval太密集而无法绘制标签,则Highcharts可能会删除刻度线.