javascript - Highcharts 日期解析问题

标签 javascript jquery date highcharts

我正在使用 highcharts 来图形化地展示统计数据。 据我了解,highcharts使用UTC时间来解析日期时间。在我的例子中,日期时间和值都来自锯齿状数组。当我只使用值时,它很好,当日期时间值进入案例时,highcharts不会解析日期时间。

我准备了一个例子here

这里的日期时间来自字符串,所以我必须格式化(dd.MM.yyyy hh:mm:ss)
为此,我使用 moment.js解析我的日期时间值。但仍然没有结果。

为什么 highcharts 无法正确呈现日期? 这里有什么问题?

谢谢

最佳答案

原始代码摘录

var date = moment(graphData.items[i].Date, "dd.MM.yyyy hh:mm:ss");
xdata.push([date._d, graphData.items[i].Value]);

存在格式问题。您应该使用 "DD.MM.YYYY hh:mm:ss",而不是 "dd.MM.yyyy hh:mm:ss",如 <强>documentation

我还将对私有(private)成员 _d 的调用替换为 .native() 调用。

最后但并非最不重要的一点是,HighCharts 不提供自 Epoch 以来的毫秒数。这可以通过调用 getTime() 来实现。

固定代码

var date = moment(graphData.items[i].Date, "DD.MM.YYYY hh:mm:ss").native();
xdata.push([date.getTime(), graphData.items[i].Value]);

您的代码的工作修补版本已可用 here

关于javascript - Highcharts 日期解析问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8985150/

相关文章:

jquery - 动态生成表单并通过jquery提交

javascript - JQuery 属性(空)值选择器,不起作用

json - 使用postman发送请求后,spring boot服务器返回错误400

excel - 单独列中的日期

javascript - 按日期过滤 Crossfilter 维度

javascript - 什么是 prototype.constructor 及其在原型(prototype)链中的作用 - Javascript

javascript - 在不传递 Prop 的情况下管理嵌套的 Redux 容器?

javascript - jQuery 中的 AJAX 验证 "freezes"?

javascript - Rails 应用程序元素在 classie.js 中为空

javascript - 如何使用 html 子元素在 contenteditable div 中获取插入位置?