Highchart导航器数据格式

我使用datetime类型中的MySQL数据字段作为highchart的x轴。实际数据如下：Highchart导航器数据格式

2015-01-01 00:00:00, 
2015-01-01 00:01:00, 
2015-01-01 00:02:00, 
2015-01-01 00:03:00, 
2015-01-01 00:04:00, 
2015-01-01 00:05:00

没有记录从2015-01-01 00:00:00开始到2015-12-31 23:59:00在表中。

图表成功创建。但是导航仪显示的数字如下：

00年1月1日：00：00：005，...，00：00：00：025等

Navigator

但我想在导航器中显示实际数据。我不确定我做错了什么。任何人都可以帮我解决这个问题吗？

@ Nate Barbettini。不，X轴正确显示。问题出在导航仪上。特此包括图表的图像，如下所示：

enter image description here

来源

2015-02-07 Xtern

包括一个最小的演示将有助于解决问题。 – 2015-02-07 16:54:28

请包括一个JSFiddle或你的完整'data'数组的样子。 – 2015-02-07 17:40:20

请求。使用此链接http://jsfiddle.net/wgmjs/1v46wqd8/ – Xtern 2015-02-07 18:07:30

的minRange property让你控制的最小时间间隔的轴显示器。从文档：

例如，对于日期时间轴，主单位是毫秒。如果minRange设置为3600000，则不能放大一个多小时。

这听起来对我来说你在找什么。

来源

2015-02-07 16:43:21

请。参考我的编辑 – Xtern 2015-02-07 17:31:44

对不起，没有意识到你正在使用Highstock。这有帮助吗？ http://stackoverflow.com/questions/19630554/highstock-minimal-zoom – 2015-02-07 18:07:49

它不起作用，因为您在xAxis上使用类别。一般来说，Highstock不支持除datetime之外的xAxis.type。当然，您可以设置类别，只是为了让用户自行使用该选项的风险。

解决方案在以下步骤：

删除类别
对于每个点使用[timestamp, value]或{x: timestamp, y: value}格式

注意，即x值需要是时间戳，不日期字符串，或日期对象。

来源

2015-02-09 11:35:54

你能指导我一个例子请..... ..... – Xtern 2015-02-10 04:04:01

1）删除类别 - 这是很明显的。 2）你的格式可能是这样的：'[12,23,24,25 ..]'，把它改成'[[1423564435333,12]，[1423564490000,23]，[1423564500000,24] ...] 。如果你创建工作jsFiddle我可以帮助你更多，但这应该是足够的。 – 2015-02-10 10:35:00

Highchart导航器数据格式

回答

相关问题