ASP.NET利用VML绘制统计图

PillarChart类:设置及生成柱状图的VML字符串
方法:GetPillarStr(Datatable),用于获取柱状图VML字符串。
属性:
背景图宽度(默认:500px):Width
背景图高度(默认:200px):Height
距顶端的垂直距离(默认:0px):Top
距左边的垂直距离(默认:0px):Left
Y轴分为几段(默认:10):Section
柱状图最大值(默认为数据最大值的130%):MaxNum
颜色列表(默认已有:12种颜色):PillarColor
背景颜色(默认:#9cf):BgColor
刻度线颜色(默认:#69f):SecColor
柱子宽度(默认:30):PilWidth
 
 
PieChart类:设置及生成饼状图的VML字符串
方法:GetPieStr(Datatable),用于获取饼状图VML字符串。
属性:

饼状图标题(默认:PieChart 动态绘制饼状图):Caption

饼状图标题字体颜色(默认:black):CapColor
饼状图宽度(默认:500px):Width
饼状图高度(默认:300px):Height

距顶端的垂直距离(默认:0px):Top

距左边的垂直距离(默认:0px):Left
颜色列表(默认已有:12种颜色):PieColor
饼状图阴影(默认:true):Shadow
饼状图背景颜色(默认:gray):PieBgColor
图例背景颜色(默认:gray):LegBgColor
图例标题(默认:总数:):LegCaption
图例标题字体颜色(默认:white):LegCapColor
图例标题背景颜色(默认:#777777):LegCapBgColor
图例字体颜色(默认:black):LegContentColor
百分比字体颜色(默认:white):PerColor
百分比字体厚度(默认:5):PerIMT
 
使用方法:
 
前期工作: 
在调用该类的aspx页面的<html>中添加下面内容:
<html  xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>中添加如下内容:
    <style>
    v\:*    { behavior: url(#default#VML) }
    o\:*    { behavior: url(#default#VML) }
    .shape  { behavior: url(#default#VML) }
    </stlye>
   
</head>
在调用该类的aspx页面中加入一个<%=pillvm%>用显示柱状图
提醒:在IE8以上版本会出现图形显示不正常的问题.
需要在head标签之间添加 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

在调用该类的aspx页面中加入一个<%=pievm%>用显示饼状图

开始生成统计图:
 
在调用该类的cs文件中声明两个变量
public pillvm;
public pievm;
 
DataTable dt = new DataTable();            //被统计的数据,表字段结构:Columns[0] 项目Name;Columns[1] 项目Count
 
PillarChart pill = new PillarChart();        //实例化一个柱状图
pillvm = pill.GetPillarStr(dt);                    //生成柱状图的VML字符串
 
PieChart pie = new PieChart();            //实例化一个饼状图
pievm = pie.GetPieChart(dt);                    //生成饼状图的VML字符串 
 
 
posted @ 2011-05-31 08:32  深度历险  阅读(646)  评论(0)    收藏  举报