javascript實現的柱狀統計圖表
編輯：關於JavaScript
工作需要，用javascript做一個統計圖表：
完成後，做個筆記，大家分享一下，互相學習。其中還有點問題，還不是很完善。
其中參考了百度空間，中管理中心，訪問統計，的js統計圖表。但是應用上還是有差別，因為我做的這個項目中，需要時實的繪制新的統計表格，當有數據變化的時候，就會調用繪制表格的方法。所以要考慮頁面性能的問題。
下面是完成後的預覽圖，可以看到，繪制一個表格，耗時0.005毫秒，也就是200分之一秒。效率我還是比較滿意的！
目前在firefox，chrome，IE8，正常沒問題，IE6下有問題，我現在已經不管IE6了，做前端的兄弟們要盡量引導用戶放棄IE6啦。
全部代碼如下：可復制直接運行。
現在有一個問題，求解，就是在firebug調試狀態下，鼠標一旦移動到水平標尺線上，則報錯！
哪位知道如何解決這個問題，請不吝賜教！謝謝！
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
這個圖表做完了，還有點小小的遺憾，就是那個困擾我的，firebug調試狀態，鼠標移動到水平標尺線上，報錯！！
總結一下：javascript操作dom元素的基本功。繪制圖表之前要有一個草稿，對於復雜的圖表，必須在紙上畫出來，才能有一個清晰的思維，開始進行編碼。
代碼打包下載
完成後，做個筆記，大家分享一下，互相學習。其中還有點問題，還不是很完善。
其中參考了百度空間，中管理中心，訪問統計，的js統計圖表。但是應用上還是有差別，因為我做的這個項目中，需要時實的繪制新的統計表格，當有數據變化的時候，就會調用繪制表格的方法。所以要考慮頁面性能的問題。
下面是完成後的預覽圖，可以看到，繪制一個表格，耗時0.005毫秒，也就是200分之一秒。效率我還是比較滿意的！
目前在firefox，chrome，IE8，正常沒問題，IE6下有問題，我現在已經不管IE6了，做前端的兄弟們要盡量引導用戶放棄IE6啦。
全部代碼如下：可復制直接運行。
現在有一個問題，求解，就是在firebug調試狀態下，鼠標一旦移動到水平標尺線上，則報錯！
哪位知道如何解決這個問題，請不吝賜教！謝謝！
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
這個圖表做完了，還有點小小的遺憾，就是那個困擾我的，firebug調試狀態，鼠標移動到水平標尺線上，報錯！！
總結一下：javascript操作dom元素的基本功。繪制圖表之前要有一個草稿，對於復雜的圖表，必須在紙上畫出來，才能有一個清晰的思維，開始進行編碼。
代碼打包下載
- 上一頁:JS DOM 操作實現代碼
- 下一頁:動態調用CSS文件的JS代碼
小編推薦
熱門推薦