highcharts - Highcharts 日期时间 x 轴 : display end of month date instead of first day of month

Question

在我的图表中，我尝试显示一年(1 月 31 日、29 月 29 日、...、12 月 31 日)的月末表现。 X轴定义如下:

xAxis: {
    type: 'datetime',
        dateTimeLabelFormats: {
            month: '%b %Y'
        }
    }
}

问题是比例会自动调整到适当的单位(月)并显示月份的第一天。结果，我的第一个元素(1 月 31 日)显示在“2012 年 2 月”上方(其他元素的问题相同)。我想知道我是否可以在我的 x 轴上显示月末日。有什么想法吗？

谢谢，

Example

Answer 1

您可以定义自定义 xAxis.tickPositioner刻度应该出现的位置如下

xAxis: {
    type: 'datetime',
    tickPositioner: function() {
        var ticks = [
            Date.UTC(2012, 0, 31),
            Date.UTC(2012, 2, 31),
            Date.UTC(2012, 4, 31),
            Date.UTC(2012, 6, 31),
            Date.UTC(2012, 8, 30),
            Date.UTC(2012, 10, 30)];
        //dates.info defines what to show in labels
        //apparently dateTimeLabelFormats is always ignored when specifying tickPosistioner
        ticks.info = {
            unitName: "month", //unitName: "day",
            higherRanks: {} // Omitting this would break things
        };           
        return ticks;
    }
}

Customize tick positions | Highchart & Highstock @ jsFiddle