Highcharts - 与日期时间轴标签重叠

Question

我正在使用Highcharts,我有一个带有日期时间轴的图表.大多数时候标签沿着轴正确分布而没有重叠.

但有时它会发生标签重叠.在这里你可以看到一个例子:http://jsfiddle.net/4ghhf/ 使用tickInterval和tickPixelInterval并不能解决问题.

我该怎么做才能避免这个问题？

Answer 1

我看到两种解决问题的方法:

• 更改滴答间隔
• 更改标签显示

我在以下代码中应用了两个代码(xAxis部分):

$(function () {
 var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container',
        type: 'column'
    },

    xAxis: {
        type: 'datetime',
        tickInterval : 7*24 * 3600 * 1000,
        labels : { y : 20, rotation: -45, align: 'right' }
    },
    series: [{
        data: [
            [Date.UTC(2010, 3, 11), 29.9],
            [Date.UTC(2010, 4, 8), 71.5]
         ]
    }]
});