做完了一系列的准备工作,那么现在应该开始真正介绍如何绘制Pie了吧。首先看看下面的一个示意图,清楚地描述了VMLPie的元素结构。

为了更加清楚的显示构成VML的文本结构,我使用XML的格式给出了如下的方式。
<v:group><!--设置饼图的背景及其标题-->
<v:rect><v:textbox>VML饼图</v:textbox>
</v:rect><!--设置饼图的各个块-->
<v:shape path=...> </v:shape><!--图例元素集合-->
<v:group><!--设置图例的颜色-->
<v:rect fillcolor=green></v:rect> <v:rect><!--设置图例文字-->
<v:textbox>重庆(50)</v:textbox>
</v:rect> </v:group></v:group>完成了制图的基本思路之后,剩下的就是通过DOM逐步完成建立过程了,为了简单起见,我们安装函数的功能进行逐步分析。
1. VMLPie
this.Container=pContainer;
this.Width=pWidth||400px;
this.Height=pHeight||250px;
this.Caption[1] [2] [3] [4] [5] 下一页

