javascript - Highcharts 列的日期时间标签

标签 javascript jquery charts highcharts

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

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

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

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

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

Jfiddle example

有什么想法吗?

最佳答案

您可以使用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/

关于javascript - Highcharts 列的日期时间标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27957552/

相关文章:

scala - 使用 Wisp scala 绘图库的字符串类别名称

用于删除 http ://and https://from text 的 JavaScript 正则表达式

javascript 不适用于链接

javascript - 如何在移动设备上禁用 reCAPTCHA 的预测文本?

javascript - “Uncaught SyntaxError: Unexpected token <” 将回调添加到外部 feed 调用时

jquery - 如何在 jQuery Mobile 多选框中设置 "option"的样式

javascript - 在extjs中为图表的图例添加自定义项

javascript - highcharts xrange 标签是否只能在适合框时才显示?

javascript - 如何在激活另一个元素时关闭一个元素?

javascript - 自定义单选按钮 - 在 IE 中损坏