Highstock 图表 x 轴标签重叠问题

Question

我在 Highcharts stockChart 日期类型图表中遇到问题。

其最后的重叠 x 轴标签。

Highcharts.stockChart('container', {
    chart: {
        alignTicks: false
    },

    rangeSelector: {
        selected: 1
    },

    title: {
        text: 'AAPL Stock Volume'
    },
    yAxis: {
        offset: 0,
        opposite: false
    },
    series: [{
        type: 'column',
        name: 'AAPL Stock Volume',
        data: [[992908800000,3],[993427200000,1],[993513600000,1],[993600000000,4],
                [994291200000,1],[994636800000,2],[994723200000,1],[995328000000,4],
                [995500800000,1],[995587200000,1],[995846400000,1],[996019200000,3],
                [996796800000,2],[996883200000,1],[997660800000,2],[997747200000,6],
                [997920000000,1],[998611200000,1],[999043200000,3],[999648000000,1],
                [999734400000,2],[999820800000,1],[1000080000000,2],[1000252800000,1],
                [1001376000000,2],[1001548800000,1]],
        dataGrouping: {
            units: [[
                'week', // unit name
                [1] // allowed multiples
            ], [
                'month',
                [1, 2, 3, 4, 6]
            ]]
        }
    }]
});

这里是link：http://jsfiddle.net/o04fh8kq/1/

负载变化后，缩放按钮你会得到重叠的标签。

Answer 1

我们可以一个接一个地跳过标签，以减少 x 轴上的标签数。设置“Step” 值作为在连续出现时应该跳过多少标签。
即：如果 step =2 那么它将跳过从 2.

之后的一个标签

   xAxis: {
               type: 'datetime',
               tickInterval: {_tickInterval},
               labels: {
                         step:2
                       }
             }

Highstock 图表 x 轴标签重叠问题

Highstock chart x-axis label overlap issue

javascript

highcharts

highstock