我可以使用什麼HTML5圖表工具來顯示不同x值隨時間的變化？

谷歌提供的圖表/圖形API並具有我想用呈現隨時間變化的曲線圖，曲線圖/圖表被稱爲「Annotated Timeline」，並將它的一個例子是在這裏：我可以使用什麼HTML5圖表工具來顯示不同x值隨時間的變化？

Picture.png http://img198.imageshack.us/img198/1160/pictureea.png

最酷的功能是，您不必繪製出每個y值的所有「x座標」點，因此數據點不必全部垂直排列。這是好事，因爲我沒有在每個時間間隔對所有點的值：

Picture 1.png http://img843.imageshack.us/img843/5814/picture1ye.png

這將，除了我的需求結束，我不能沒有采取截圖打印出來因爲這個特定的Google Visualization是基於Flash的。

我可以用什麼工具繪製HTML5兼容/不閃存的y數據點的不同x值的數據？

ps：谷歌也提供line chart api，但我不認爲它提供了不平行的x軸點。

來源

2012-04-06 Steve Brown

你可以用amCharts做到這一點。這是一個看似很類似於谷歌圖表基於日期的圖表的一個例子：http://amcharts.com/stock/events/ 另一條多線：http://amcharts.com/javascript/line-chart-with-multiple-value-axes/

本示例在同一日期有數據點，但是像你需要太多的圖表可以顯示數據。數據提供者應該包括你擁有的所有日期，但數據項沒有必要具有所有圖的值。這裏是示例數據：

{date: new Date(2010,1,2), graph1:54, graph2:2}, 
{date: new Date(2010,1,3), graph1:53}, 
{date: new Date(2010,1,4), graph1:55}, 
{date: new Date(2010,1,5), graph2:2}

我希望這可以幫助。安塔納斯（amCharts的作者）

來源

2012-04-06 08:54:09 zeroin

這個看上去很不錯，謝謝你的分享。 – 2012-04-06 21:47:23

Highcharts也有一個irregular time data例子可以這樣做：

charts.png http://img269.imageshack.us/img269/8963/chartsf.png

來源

2012-04-18 22:21:45 cwd

我可以使用什麼HTML5圖表工具來顯示不同x值隨時間的變化？

回答

相關問題