|
完成后,做個筆記,大家分享一下,互相學(xué)習(xí)。其中還有點問題,還不是很完善。
其中參考了百度空間,中管理中心,訪問統(tǒng)計,的js統(tǒng)計圖表。但是應(yīng)用上還是有差別,因為我做的這個項目中,需要時實的繪制新的統(tǒng)計表格,當有數(shù)據(jù)變化的時候,就會調(diào)用繪制表格的方法。所以要考慮頁面性能的問題。
下面是完成后的預(yù)覽圖,可以看到,繪制一個表格,耗時0.005毫秒,也就是200分之一秒。效率我還是比較滿意的!
目前在firefox,chrome,IE8,正常沒問題,IE6下有問題,我現(xiàn)在已經(jīng)不管IE6了,做前端的兄弟們要盡量引導(dǎo)用戶放棄IE6啦。

全部代碼如下:可復(fù)制直接運行。
現(xiàn)在有一個問題,求解,就是在firebug調(diào)試狀態(tài)下,鼠標一旦移動到水平標尺線上,則報錯!
哪位知道如何解決這個問題,請不吝賜教!謝謝!
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
這個圖表做完了,還有點小小的遺憾,就是那個困擾我的,firebug調(diào)試狀態(tài),鼠標移動到水平標尺線上,報錯!!
總結(jié)一下:Javascript操作dom元素的基本功。繪制圖表之前要有一個草稿,對于復(fù)雜的圖表,必須在紙上畫出來,才能有一個清晰的思維,開始進行編碼。
代碼打包下載
JavaScript技術(shù):javascript實現(xiàn)的柱狀統(tǒng)計圖表,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。