在后台做数据展示的时候会用到这些。先看看效果图吧
(饼状图) (线形图) (柱状图)
效果很不错哦.而且初始化的时候还有动画效果.不过要注意这个是利用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: }
代码仅供参考.在实际应用中变数很大.还需理解后才能运用。