javascript实现的柱状统计图表_javascript技巧

工作需要，用javascript做一个统计图表：
完成后，做个笔记，大家分享一下，互相学习。其中还有点问题，还不是很完善。
其中参考了百度空间，中管理中心，访问统计，的js统计图表。但是应用上还是有差别，因为我做的这个项目中，需要时实的绘制新的统计表格，当有数据变化的时候，就会调用绘制表格的方法。所以要考虑页面性能的问题。

下面是完成后的预览图，可以看到，绘制一个表格，耗时0.005毫秒，也就是200分之一秒。效率我还是比较满意的！
目前在firefox，chrome，IE8，正常没问题，IE6下有问题，我现在已经不管IE6了，做前端的兄弟们要尽量引导用户放弃IE6啦。


全部代码如下：可复制直接运行。
现在有一个问题，求解，就是在firebug调试状态下，鼠标一旦移动到水平标尺线上，则报错！
哪位知道如何解决这个问题，请不吝赐教！谢谢！

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>js柱状统计图</title> <style type="text/css"> /*样式*/ #consuming_time{ font-size:12px; border:solid 1px #ccc; background-color:#f2f6fb; margin:10px 20px; height:40px; line-height:20px; padding:5px 10px; width:260px; } #TwentyFourHourChart{ width:700px; height:240px; border:solid 1px #B3B3DC; position:relative; top:40px; left:20px; } </style>

'; } } //鼠标提示显示24小时实时>》呼入《' + tipMessage + '