利用vml制作统计图全攻略
----饼图的制作
作者:蓝翼 csdn账号:liuruhong(蓝色街灯)
电子邮件: liuruhong@263.net msn: blueswing_liu@hotmail.com
关键字: vml javascript oop 统计图
提要:
vml是microsoft ie 5.0及其后续版本内嵌的矢量图形实现,虽然ms也提倡日后使用svg,但是作为一个ie内嵌的标记语言,在某些时候的应用还是比较方便的。本文通过完整的描述一个统计饼图的建立过程,来展现vml在web方面的魅力。文章通过实现一个javascript类,读者能够完整地看到整个饼图的制作过程。
vml(vector markup language)自从问世以来似乎都处于默默无闻的地步,直到现在为止,情况依然没有改变。其实细心的一点你就可以发现,在web方面,ms得很多产品还是内置使用了,最典型的就是office的自选图形,将word或者ppt文档存储成html,如果文档内部使用了自选图形,你就可以看到那些图形使用过vml来表述的,另外一个典型的应用就是visio的导出到web这个工具。
前段时间,james在csdn发表了使用asp生成统计图的例子,我也认真拜读了其中的代码,并且也针对一些问题找他请教了,james的颜色感觉非常好,可惜我没有那样的功底,因此在代码实现中我就使用了随机颜色来实现,可能整体的界面看起来会稍微差劲一点。
统计图比较典型的是饼图,柱状图,曲线图,本文着重讲解pie的制作过程,文章采用了javascript实现了一个类,如果相关javascript面向对象不是特别了解的,可以参考我另外的文章《面向对象的javascript编程》和《再论面向对象的javascript编程》。
暂且不考虑如何实现,我们先看看代码最终的使用如何。