如何能用滤镜做出柱状图？请
日期：2014-05-17 浏览次数：20756 次
怎么能用滤镜做出柱状图？请高手指点
我曾经在CSDN上见到过一个例子，完全用滤镜做的梯度效果
不知能不能用滤镜实现一个横向的柱状图
最好能附上关键代码，非常感谢！
------解决方案--------------------
圆柱是这样的,你查一下VML画图
-------------------------
<html xmlns:v= "urn:schemas-microsoft-com:vml " xmlns:o= "urn:schemas-microsoft-com:office:office " xmlns= "http://www.w3.org/TR/REC-html40 ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<link rel= "File-List " href= "new_page_1.files/filelist.xml ">
<title> 新建网页 1 </title>
<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
.shape { behavior: url(#default#VML) }
</style>
<xml> <o:shapedefaults v:ext= "edit " spidmax= "1027 "/>
</xml>
</head>
<body>
<v:oval style= 'position:absolute;left:84pt;top:43.5pt;width:26.25pt;height:26.25pt; z-index:1 ' fillcolor= "#ff9 ">
<o:extrusion v:ext= "view " backdepth= "4in " on= "t " rotationangle= "80 "
viewpoint= "0,0 " viewpointorigin= "0,0 " skewangle= "0 " skewamt= "0 "
lightposition= ",-10000 "/>
</v:oval>
</body>
</html>
水平方向渐变只要把上面css中的
GradientType=0 改为GradientType=1 就可以了
我曾经在CSDN上见到过一个例子，完全用滤镜做的梯度效果
不知能不能用滤镜实现一个横向的柱状图
最好能附上关键代码，非常感谢！
------解决方案--------------------
圆柱是这样的,你查一下VML画图
-------------------------
<html xmlns:v= "urn:schemas-microsoft-com:vml " xmlns:o= "urn:schemas-microsoft-com:office:office " xmlns= "http://www.w3.org/TR/REC-html40 ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<link rel= "File-List " href= "new_page_1.files/filelist.xml ">
<title> 新建网页 1 </title>
<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
.shape { behavior: url(#default#VML) }
</style>
<xml> <o:shapedefaults v:ext= "edit " spidmax= "1027 "/>
</xml>
</head>
<body>
<v:oval style= 'position:absolute;left:84pt;top:43.5pt;width:26.25pt;height:26.25pt; z-index:1 ' fillcolor= "#ff9 ">
<o:extrusion v:ext= "view " backdepth= "4in " on= "t " rotationangle= "80 "
viewpoint= "0,0 " viewpointorigin= "0,0 " skewangle= "0 " skewamt= "0 "
lightposition= ",-10000 "/>
</v:oval>
</body>
</html>
水平方向渐变只要把上面css中的
GradientType=0 改为GradientType=1 就可以了
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
