在后台做数据展示的时候会用到这些。先看看效果图吧

.制作饼状、柱状、线形图 制作饼状、柱状、线形图 制作饼状、柱状、线形图

                 (饼状图)                                        (线形图)                                   (柱状图)

效果很不错哦.而且初始化的时候还有动画效果.不过要注意这个是利用Flash做的.所以一定要装Flash插件哦。

同样的.必须导入这个控件的DLL文件才能使用。(am.Charts.dll

导入完成后.新建页面PieChart.aspx

 %>
 %>
>
 >
>
   6: <title>无标题页</title>
   7: </head>
   8: <body>
>
  10: <div>
></cc1:PieChart>
  12: </div>
  13: </form>
  14: </body>
  15: </html>

后台代码:

object sender, EventArgs e)
   2:         {
int i = 0; i < 10; i++)
   4:             {
//创建饼状图对象
new PieChartDataItem();
 + i.ToString();
 + i.ToString();
   9:                     pcd1.LabelRadius = 1;
  10:                     pcd1.Value = i;
true;
  12:                     PieChart1.Items.Add(pcd1);
  13:             }
//设置大小
  15:             PieChart1.Width = 600;
  16:             PieChart1.Height = 500;
  17:             PieChart1.ScientificMax = 20;
new Unit(20)));
;
  20:         }

后面的2个图形页面代码都是一样的..分别为:ColumnChart,LineChart

ColumnChart后台代码:

object sender, EventArgs e)
   2:         {
);
);
);
);
   7:  
);
   9:  
  10:  
  11:  
  12:             dt.Columns.Add(dc_y);
  13:             dt.Columns.Add(dc_v);
  14:             dt.Columns.Add(dc_v1);
new Random();
int i = 2000; i < 2005; i++)
  17:             {
  18:                 DataRow dr = dt.NewRow();
  19:                 dr[dc_y] = i.ToString();
  20:                 dr[dc_v] = (rd.NextDouble() * i).ToString();
  21:                 dr[dc_v1] = (rd.NextDouble() * (i + i / 3)).ToString();
  22:                 dt.Rows.Add(dr);
  23:             }
  24:             ds.Tables.Add(dt);
  25:  
//立体感觉深度
  27:             ColumnChart1.Depth = 10;
//动态升长时间
  29:             ColumnChart1.ColumnGrowTime = 5;
new Unit(600);
new Unit(500);
  32:             ColumnChart1.PlotAreaBackgroundColor = Color.Yellow;
  33:  
;
//柱型1
new ColumnChartGraph();
  37:             ccg.DataSource = ds;
;
;
;
//形状,可以是柱型,也可以是线型
  42:             ccg.GraphType = ColumnChartGraphTypes.Column;
  43:             ColumnChart1.Graphs.Add(ccg);
  44:  
new ColumnChartGraph();
  46:             ccg1.DataSource = ds;
;
;
;
  50:             ccg1.GraphType = ColumnChartGraphTypes.Column;
  51:             ColumnChart1.Graphs.Add(ccg1);
  52:  
//设置上面显示的文字格式
;
;
  56:  
  57:             ColumnChart1.DataSource = ds;
;
  59:             ColumnChart1.DataBind();
  60:         }

LineChart后台代码:

object sender, EventArgs e)
   2:         {
//自己添加一个数据
);
);
);
);
   8:  
);
  10:  
  11:             dt.Columns.Add(dc_y);
  12:             dt.Columns.Add(dc_v);
  13:             dt.Columns.Add(dc_v1);
new Random();
int i = 1987; i < 2010; i++)
  16:             {
  17:                 DataRow dr = dt.NewRow();
  18:                 dr[dc_y] = i.ToString();
  19:                 dr[dc_v] = (rd.NextDouble() * i).ToString();
  20:                 dr[dc_v1] = (rd.NextDouble() * (i + i / 3)).ToString();
  21:                 dt.Rows.Add(dr);
  22:             }
  23:             ds.Tables.Add(dt);
  24:  
//设置图形的长高
new Unit(600);
new Unit(400);
  28:  
//添加一个线条
new LineChartGraph();
//这里是线条峰点的形状(正方形):实心圆,空心圆....
  32:             lcg.Bullet = LineChartBulletTypes.Square;
//这里是线条的颜色
//lcg.BulletColor = Color.Yellow;
//向下面积的颜色
  36:             lcg.FillColor = Color.Yellow;
//向下面积的透明度
  38:             lcg.FillAlpha = Convert.ToByte(40);
//Y轴值在右边(默认在左边)
  40:             lcg.Axis = LineChartAxes.Right;
  41:  
  42:             lcg.DataSource = ds;
;
;
;
  46:             LineChart1.Graphs.Add(lcg);
  47:  
//添加第二个线条
new LineChartGraph();
  50:             lcg1.Bullet = LineChartBulletTypes.RoundOutline;
  51:  
  52:             lcg1.DataSource = ds;
;
;
;
  56:             LineChart1.Graphs.Add(lcg1);
  57:  
  58:             LineChart1.DataSource = ds;
;
  60:             LineChart1.DataBind();
  61:  
  62:         }

代码仅供参考.在实际应用中变数很大.还需理解后才能运用。

在后台做数据展示的时候会用到这些。先看看效果图吧

.制作饼状、柱状、线形图 制作饼状、柱状、线形图 制作饼状、柱状、线形图

                 (饼状图)                                        (线形图)                                   (柱状图)

效果很不错哦.而且初始化的时候还有动画效果.不过要注意这个是利用Flash做的.所以一定要装Flash插件哦。

同样的.必须导入这个控件的DLL文件才能使用。(am.Charts.dll

导入完成后.新建页面PieChart.aspx

 %>
 %>
>
 >
>
   6: <title>无标题页</title>
   7: </head>
   8: <body>
>
  10: <div>
></cc1:PieChart>
  12: </div>
  13: </form>
  14: </body>
  15: </html>

后台代码:

object sender, EventArgs e)
   2:         {
int i = 0; i < 10; i++)
   4:             {
//创建饼状图对象
new PieChartDataItem();
 + i.ToString();
 + i.ToString();
   9:                     pcd1.LabelRadius = 1;
  10:                     pcd1.Value = i;
true;
  12:                     PieChart1.Items.Add(pcd1);
  13:             }
//设置大小
  15:             PieChart1.Width = 600;
  16:             PieChart1.Height = 500;
  17:             PieChart1.ScientificMax = 20;
new Unit(20)));
;
  20:         }

后面的2个图形页面代码都是一样的..分别为:ColumnChart,LineChart

ColumnChart后台代码:

object sender, EventArgs e)
   2:         {
);
);
);
);
   7:  
);
   9:  
  10:  
  11:  
  12:             dt.Columns.Add(dc_y);
  13:             dt.Columns.Add(dc_v);
  14:             dt.Columns.Add(dc_v1);
new Random();
int i = 2000; i < 2005; i++)
  17:             {
  18:                 DataRow dr = dt.NewRow();
  19:                 dr[dc_y] = i.ToString();
  20:                 dr[dc_v] = (rd.NextDouble() * i).ToString();
  21:                 dr[dc_v1] = (rd.NextDouble() * (i + i / 3)).ToString();
  22:                 dt.Rows.Add(dr);
  23:             }
  24:             ds.Tables.Add(dt);
  25:  
//立体感觉深度
  27:             ColumnChart1.Depth = 10;
//动态升长时间
  29:             ColumnChart1.ColumnGrowTime = 5;
new Unit(600);
new Unit(500);
  32:             ColumnChart1.PlotAreaBackgroundColor = Color.Yellow;
  33:  
;
//柱型1
new ColumnChartGraph();
  37:             ccg.DataSource = ds;
;
;
;
//形状,可以是柱型,也可以是线型
  42:             ccg.GraphType = ColumnChartGraphTypes.Column;
  43:             ColumnChart1.Graphs.Add(ccg);
  44:  
new ColumnChartGraph();
  46:             ccg1.DataSource = ds;
;
;
;
  50:             ccg1.GraphType = ColumnChartGraphTypes.Column;
  51:             ColumnChart1.Graphs.Add(ccg1);
  52:  
//设置上面显示的文字格式
;
;
  56:  
  57:             ColumnChart1.DataSource = ds;
;
  59:             ColumnChart1.DataBind();
  60:         }

LineChart后台代码:

object sender, EventArgs e)
   2:         {
//自己添加一个数据
);
);
);
);
   8:  
);
  10:  
  11:             dt.Columns.Add(dc_y);
  12:             dt.Columns.Add(dc_v);
  13:             dt.Columns.Add(dc_v1);
new Random();
int i = 1987; i < 2010; i++)
  16:             {
  17:                 DataRow dr = dt.NewRow();
  18:                 dr[dc_y] = i.ToString();
  19:                 dr[dc_v] = (rd.NextDouble() * i).ToString();
  20:                 dr[dc_v1] = (rd.NextDouble() * (i + i / 3)).ToString();
  21:                 dt.Rows.Add(dr);
  22:             }
  23:             ds.Tables.Add(dt);
  24:  
//设置图形的长高
new Unit(600);
new Unit(400);
  28:  
//添加一个线条
new LineChartGraph();
//这里是线条峰点的形状(正方形):实心圆,空心圆....
  32:             lcg.Bullet = LineChartBulletTypes.Square;
//这里是线条的颜色
//lcg.BulletColor = Color.Yellow;
//向下面积的颜色
  36:             lcg.FillColor = Color.Yellow;
//向下面积的透明度
  38:             lcg.FillAlpha = Convert.ToByte(40);
//Y轴值在右边(默认在左边)
  40:             lcg.Axis = LineChartAxes.Right;
  41:  
  42:             lcg.DataSource = ds;
;
;
;
  46:             LineChart1.Graphs.Add(lcg);
  47:  
//添加第二个线条
new LineChartGraph();
  50:             lcg1.Bullet = LineChartBulletTypes.RoundOutline;
  51:  
  52:             lcg1.DataSource = ds;
;
;
;
  56:             LineChart1.Graphs.Add(lcg1);
  57:  
  58:             LineChart1.DataSource = ds;
;
  60:             LineChart1.DataBind();
  61:  
  62:         }

代码仅供参考.在实际应用中变数很大.还需理解后才能运用。

相关文章: