javascript - Highcharts 列的日期时间标签

Question

我已经解决这个问题几个小时了，但无法解决。

我的图表涵盖 1 天。有8个数据点。每3小时一次。我想要一个柱形图来显示这些数据。

pointStart: Date.UTC(2011, 2, 1, 06, 01),
pointInterval: 3 * 3600 * 1000

我希望图表在凌晨 5 点开始并每 3 小时显示一个数据点。

附件是jfiddle。当 pointStart 设置为上午 6 点时，效果看起来不错。但如果你改变起点。对齐方式变得困惑，并且值没有改变。

Jfiddle example

有什么想法吗？

Answer 1

您可以使用tickPositioner并在特定位置返回刻度。

tickPositioner: function () {
            var positions = [],
                tick =  Date.UTC(2011, 2, 1, 5, 0),
                increment = 3 * 3600 * 1000;

            for (tick; tick - increment <= this.dataMax; tick += increment) {
                positions.push(tick);
            }
            return positions;
        },

示例:http://jsfiddle.net/2jLtzy6r/1/