簡體   English   中英

Highcharts正確使用datetime?

[英]Highcharts proper usage of datetime?

我當前的設置對於xaxis類別和tickinterval來說是靜態的(甚至看不到沒有tickinterval的圖)。

如果更改屏幕分辨率,則看起來有些糟糕,我希望X軸保持動態。

我收集到的數據應該使用像http://www.highcharts.com/samples/data/usdeur.js這樣的數據和類似下面的xAxis?

xAxis: { type: 'datetime' }

但是該示例僅使用YYMMDD,我也使用hh:mm:ss。

當前看起來像這樣:i.imgur.com/v649otj.png

xAxis: {
        categories: getjson('Date'),
        tickInterval: 20
},
series: [
      {name:'Cars',       data: getjson('Values')},
]

數據:

getjson('Date') equals:
Array [ "2014-11-09 02:36:00", "2014-11-07 07:35:00", "2014-11-08 20:29:00", "2014-11-08 20:30:00", "2014-11-10 11:06:00", "2014-11-08 08:12:00", "2014-11-08 20:31:00", "2014-11-08 20:23:00", "2014-11-08 20:24:00", "2014-11-08 20:25:00", 190 till… ]


getjson('Values') equals:
Array [ 13, 209, 209, 19, 0, 209, 15, 13, 13, 19, 190 till… ]

那么我如何利用這些數據和日期時間配置。 以某種方式將“日期”數據推入與“值”相同的數組並將其轉換為正確的日期格式?

編輯:當前工作: http : //jsfiddle.net/tws8x0pd/4/

Datetime配置使用UTC號而不是YYMMDD 您應該使用Date.UTC(year,month,day,hour,minute,second)傳遞日期Date.UTC(year,month,day,hour,minute,second) data ,格式為:

series: [
  {name:'...', data: [ [ Date.UTC(year,month,day,hour,minute,second), value ],
                       [ Date.UTC(year,month,day,hour,minute,second), value ],
                       ...
                     ]
  }
]

因此,您應該從json日期中獲取年,月,...,並將其與json值中的相應值放在一起。 每個在一個陣列中,而不分開在單獨的陣列中。

時間要求與時間戳(以毫秒為單位)不一樣。 因此,您需要通過Date.parse()/ Date.UTC()准備正確的數據

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM