柱状图用CSS实现
前段时间，工作中有用到一个客户分析柱状图，当时实现方法是FLASH+xml实现的，效果确实很绚丽，但是要要加载FLASH，如果有些客户没有安装FLASH播放器的话，（嗯没错，这不是开玩笑，有些客户点鼠标都觉得是很不方便的事）就没法看到这个分析表，这确实是个问题。
无意中看到网页教学网上有这么一个效果，研究了一下，修改了部分代码,添加了更具合理的排列方式。
还是直接看结构吧
-
-
-
-
-
500
400
300
200
100
-
10101010
说实话，这个方法确实代码量不少，但相比要装插件的方法，我觉得还是有可取之处的。实现方法，也无非就是一个定位的问题。据说有个用DIV-css排除一个“囧”字的，这倒是个好创意，有兴趣的童鞋可以自己试试。
.text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://my.poco.cn/fav/storeIt.php?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&img=http://www.h-strong.com/blog/logo.gif','keyit','scrollbars=no,width=475,height=575,status=no,resizable=yes'));keyit.focus(); "添加到POCO网摘"){kind=logo}
