2009/10/30

利用 jacascript 來繪圖

最近因為工作上的需要,急需要一套可以利用 javascript 來畫曲線圖的工具,於是再度透過 google 大神的介紹,先是找到了 flot ,這是
基於 jQury 來繪劃出的,剛好這一陣子就在學 jQuery, 所以便選了它。但是試用一下後,發現它有一個致命傷,就是碰到 ie6 時,那個繪圖
網頁便會跳出一些警告,怕使用者會使用不便,於是我再去找到另外一套 Js Charts!

經過一再的嘗試,我決定就使用它來運作。

以下是我作出來的結果:


底下便是我的程式:



不過,這套 JsCharts 還是有幾點的缺點
1. 當 X 軸是日期時,就完全要自定坐標了, 但是自定坐標值時,若該座標沒有點時,就不會出現文字。這有點麻煩。

2. 一條數線上必須要有兩點以上才可以,沒有點或只有一點時,它是完全停擺,還送出個警誥訊息來,不太方便。

3. Title 不接受中文,不過當滑鼠移到點上面時,出現的說明可以有中文!

4. 當滑鼠移到點上面所出現的說明, 在 ie6 時,越告右邊的點,越會亂折行!

基於以上幾點, 我想我應該還會再找一個更適用的工具了 !!!

JsCharts 的網站 : http://www.jscharts.com/