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]
            ]]
        }
    }]
});

以下是链接：http://jsfiddle.net/o04fh8kq/1/

加载更改后，缩放按钮会出现重叠标签。

Answer 1

我们可以在一个标签后跳过一个标签以减少x轴上的标签数量。将“ Step”值设置为连续出现的标签数量即：如果步骤= 2，则它将从2开始跳过一个标签。

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

Highstock图表x轴标签重叠问题

1 个答案: