VML是制作统计图最常用的方法之一。笔者在开发项目的过程中，选择VML来制作统计图，发现完整介绍VML的资料非常缺乏，从网上搜索到示例也需要很长的时间来理解消化，才能够灵活的应用到项目中。因此笔者通过总结分析，对这些统计图进行JS封状。
总共封装四种常用类型的统计图，直方图、水平直方图、趋势图(线图)和饼图，形成一个chart.js文件，包含TChart和TPieChart两个对象。点击这里查看完整示例。下载完整示例。
TChart(barStyle,left,top,width,height,vCount,gCount) 直方图、水平直方图、趋势图对象。
barStyle：统计图类型，有bar和line两种
left：统计图左边距
top：统计图顶边距
width：统计图总宽度
height：统计图总高度
vCount：统计图最大元素个数
gCount：统计图组数
方法说明：
TChart.setLabels(array)设置统计图的各项数据标题，例如：["广告费","促销费","人员费"]。
TChart.setTitle(title)设置统计图的标题。
TChart.dynSetBarValues(array)动态设置统计图的数据，参数为一、二维数组。
TChart.createBar(barID,leftCaption)创建统计图。
barID：统计图的名称
leftCaption：x轴坐标的说明
TChart.createHorBar(barID,leftCaption)创建水平统计图。
TChart.dynSetHorBarValues(array)动态设置水平统计图的数据，参数为一、二维数组。
属性说明：
xMargin：x轴坐标的左边距
yMargin：y轴坐标的底边距
legendValue：说明面板数据，为一维数组
legendPos：说明面板位置，有bottom(下)和right(右)两种
legendWidth：说明面板的宽度
TPieChart(labelvs,values,left,top,width,height,unit)饼图对象。
labelvs：各数据项标签，为一维数组
values：各数据项，为一维数组
left：统计图左边距
top：统计图顶边距
width：统计图总宽度
height：统计图总高度
unit：数据单位，如元，个等。
方法说明：
TPieChart.createPie(pieName)创建统计图,pieName统计图名称。
TPieChart.setTitle(title)设置统计图标题。
TPieChart.dynSetValues(values)动态设置统计图数据，为一维数组。
点击这里查看完整示例。
下载完整示例。
发表于 @ 2007年09月02日 13:05:00|评论(loading...)|编辑