公司的項目有一些類似監控的需求,需要輸出比較漂亮的圖表,并且支持較多的鼠標事件。最開始我使用了VML技術,找了不少網絡上的代碼,也畫出了很漂亮的圖表。但是找到的代碼都不是很完善,功能較少,需要自己進行較大的修改才可以滿足需求。后來無意找到了flot這個jquery插件,看了下他的example,發現我需要的功能基本滿足。他具有的功能如下:
1、輸出一條或者多條曲線圖表,同時可以利用腳本控制顯示的條數。
2、可以對圖標進行select,然后對選擇的區域進行zoom操作。
3、支持x軸使用time模式,可以將序列設置為Date.parse(new Date())的數值,結合select功能可以更好的進行zoom控制。
4、支持2種特定的事件:placeholder和plotclick,可以在鼠標移動到point和單擊point時進行操作。
......
我研究不是很深入,想做一個提示框功能,鼠標移動到point上時提示信息。但是flot沒有支持相關的接口,我只能自己寫了一個div,整體搭配效果馬上就差了很多。總的來說,這個插件還是很不錯,包括速度也不錯,基本夠用。