Highcharts與多色區域的折線圖

我正嘗試在多色區域的highcharts中創建折線圖。我有一些我試圖渲染的時間數據，每個結果都有一個狀態。當狀態是某種顏色時，我想更改折線圖下方區域的顏色。Highcharts與多色區域的折線圖

像這樣：

enter image description here

下面是我的一些數據的樣本：

{"GmtDateTime": "2013-07-31 12:20:15", "Speed": 40.068, "StatusCode": "1"}, 
{"GmtDateTime": "2013-07-31 12:30:11", "Speed": 41.823, "StatusCode": "2"}, 
{"GmtDateTime": "2013-07-31 12:40:15", "Speed": 41.987, "StatusCode": "1"}, 
{"GmtDateTime": "2013-07-31 12:50:11", "Speed": 40.192, "StatusCode": "3"}, 
{"GmtDateTime": "2013-07-31 13:00:12", "Speed": 40.877, "StatusCode": "3"}, 
{"GmtDateTime": "2013-07-31 13:10:12", "Speed": 40.364, "StatusCode": "2"}, 
{"GmtDateTime": "2013-07-31 13:20:15", "Speed": 44.331, "StatusCode": "1"}, 
{"GmtDateTime": "2013-07-31 13:30:14", "Speed": 42.89, "StatusCode": "1"},

x軸是「GMTDatetime」，y軸是「速度」，範圍顏色是「StatusCode」。

在此先感謝！

來源

2013-08-05 Tom Halley

的請求提供更多信息/代碼像您所在地區div名稱... –

其他什麼信息？沒有代碼可以顯示。該圖像只是在Paint中製作的。 –

Highcharts使用時間戳（時間以毫秒爲單位）不像日期那樣。串行/數據對象應該有x/y參數，不是「速度」。作爲一個結果你的JSON應該看起來像：

{y: Date.UTC(2012,12,2), y: 42.89, "StatusCode": "1"}

Date.UTC允許以毫秒爲單位的返回時間。

如果您需要使用不同顏色的零件圖表，則需要使用其他系列。

編輯：

例子： http://jsfiddle.net/D4sbc/

來源

2013-08-06 09:03:07

是的，我正在將數據解析爲該格式。這不是我需要幫助的數據，而是圖表的樣式。 –

查看我更新的帖子。 –

Highcharts與多色區域的折線圖

回答

相關問題