Highcharts step&偏移x轴标签?

时间:2012-02-03 21:45:33

标签: javascript highcharts

我有一些图表,我将日期值作为x轴标签传递。它们可以在任何日期范围内开始和结束。

如果日期范围> 2个月,那么我需要x轴才能在每个月的第1天显示标签值。

我知道我可以使用tickinterval选项来实现间距,但我似乎无法强制标签在月份的第一天或第一个星期一开始,它们始终从范围中的第一个值开始。 / p>

这是我现在拥有的一个例子。日期范围是11月13日至2月3日:

enter image description here

这就是我想要的x轴看起来像(这是photoshopped):

enter image description here

有没有办法实现这个目标?

1 个答案:

答案 0 :(得分:7)

tickInterval和dateTimeLabelFormats的组合能达到你想要的效果吗?

xAxis: {
    type: 'datetime',
    dateTimeLabelFormats: {
                    month: '%d %b',
                },
    tickInterval: 86400000 * 31  // one month
}

示例(小提琴here):

enter image description here