列的 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 和 return 刻度。

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/

列的 Highcharts 日期时间标签

Highcharts datetime label for column

javascript

jquery

charts

highcharts