DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript實現的柱狀統計圖表
javascript實現的柱狀統計圖表
編輯:關於JavaScript     
工作需要,用javascript做一個統計圖表:
完成後,做個筆記,大家分享一下,互相學習。其中還有點問題,還不是很完善。
其中參考了百度空間,中管理中心,訪問統計,的js統計圖表。但是應用上還是有差別,因為我做的這個項目中,需要時實的繪制新的統計表格,當有數據變化的時候,就會調用繪制表格的方法。所以要考慮頁面性能的問題。

下面是完成後的預覽圖,可以看到,繪制一個表格,耗時0.005毫秒,也就是200分之一秒。效率我還是比較滿意的!
目前在firefox,chrome,IE8,正常沒問題,IE6下有問題,我現在已經不管IE6了,做前端的兄弟們要盡量引導用戶放棄IE6啦。


全部代碼如下:可復制直接運行。
現在有一個問題,求解,就是在firebug調試狀態下,鼠標一旦移動到水平標尺線上,則報錯!
哪位知道如何解決這個問題,請不吝賜教!謝謝!

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
這個圖表做完了,還有點小小的遺憾,就是那個困擾我的,firebug調試狀態,鼠標移動到水平標尺線上,報錯!!

總結一下:javascript操作dom元素的基本功。繪制圖表之前要有一個草稿,對於復雜的圖表,必須在紙上畫出來,才能有一個清晰的思維,開始進行編碼。

代碼打包下載
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved