|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
前几天同学问我学习方向的问题。有点想法,不知道对不对,怕误导同学,现在“开源一下”。注:括号内是我现在整理的时填加上的。WebChartControl是DevExpress控件群下的一个Web图表控件,它利用十分的便利,天生的图表也相称的大度。我们在本章就怎样使用WebChartControl控件来绘制柱状图,线状图与饼状图做个示例。
起首,我们必要在aspx页面安排一个WebChartControl控件,代码以下,为复杂起见,我们不为它设置任何属性:
<dxchartsui:WebChartControlID="WebChartControl1"runat="server"Height="200px"Width="500px">
</dxchartsui:WebChartControl>
注重必要在aspx的头部注册该控件:
<%@RegisterAssembly="DevExpress.XtraCharts.v9.1.Web,Version=9.1.3.0,Culture=neutral,PublicKeyToken=b88d1754d700e49a"Namespace="DevExpress.XtraCharts.Web"TagPrefix="dxchartsui"%>
<%@RegisterAssembly="DevExpress.XtraCharts.v9.1,Version=9.1.3.0,Culture=neutral,PublicKeyToken=b88d1754d700e49a"Namespace="DevExpress.XtraCharts"TagPrefix="cc1"%>
并且必要增加对应的dll的援用,这些都是援用一个第三方控件的必须事情,就不细说了。
在入手下手示例前,我们先为图形创立数据源,我们以DataTable数据源作为示例,该DataTable只包括两列,week列与money列,代码以下:
publicDataTableGetDataSource
{
get
{
DataTabledt=newDataTable();
dt.Columns.Add("week",typeof(string));
dt.Columns.Add("money",typeof(decimal));
dt.Rows.Add("礼拜一",1200);
dt.Rows.Add("礼拜二",1500);
dt.Rows.Add("礼拜三",1400);
dt.Rows.Add("木曜日",1450);
dt.Rows.Add("礼拜五",1300);
dt.Rows.Add("礼拜六",1325);
dt.Rows.Add("日曜日",1400);
returndt;
}
}
上面我们以GetDataSource为数据源,入手下手创立图形
1,创立柱形图
protectedvoidPage_Load(objectsender,EventArgse)
{
Seriesseries=newSeries("金额",ViewType.Bar);
DataTabledt=GetDataSource;
for(inti=0;i<dt.Rows.Count;i++)
{
SeriesPointpoint=newSeriesPoint(dt.Rows["week"].ToString(),Convert.ToDouble(dt.Rows["money"].ToString()));
series.Points.Add(point);
}
this.WebChartControl1.Series.Add(series);
}
运转了局以下:
从下面的图表中能够看到,下面只要"金额"一项数据,假如我们要再加一项"本钱"数据来尴尬刁难比,要怎样完成呢?
起首改写数据源,让其包含"本钱"这一项的数据:
publicDataTableGetDataSource
{
get
{
DataTabledt=newDataTable();
dt.Columns.Add("week",typeof(string));
dt.Columns.Add("money",typeof(decimal));
dt.Columns.Add("cost",typeof(decimal));
dt.Rows.Add("礼拜一",1200,800);
dt.Rows.Add("礼拜二",1500,1000);
dt.Rows.Add("礼拜三",1400,850);
dt.Rows.Add("木曜日",1450,950);
dt.Rows.Add("礼拜五",1300,900);
dt.Rows.Add("礼拜六",1325,870);
dt.Rows.Add("日曜日",1400,890);
returndt;
}
}
再改写创立图形的代码:
protectedvoidPage_Load(objectsender,EventArgse)
{
Seriesseries=newSeries("金额",ViewType.Bar);
Seriesseries_cost=newSeries("本钱",ViewType.Bar);
SeriesPointpoint;
DataTabledt=GetDataSource;
for(inti=0;i<dt.Rows.Count;i++)
{
point=newSeriesPoint(dt.Rows["week"].ToString(),Convert.ToDouble(dt.Rows["money"].ToString()));
series.Points.Add(point);
point=newSeriesPoint(dt.Rows["week"].ToString(),Convert.ToDouble(dt.Rows["cost"].ToString()));
series_cost.Points.Add(point);
}
this.WebChartControl1.Series.Add(series);
this.WebChartControl1.Series.Add(series_cost);
}
运转天生的图表以下:
从下面的代码和了局能够看出来,一个Series工具,就代表图形中的一项数据,一个SeriesPoint工具,就代表项数据中的一个数据点,有了这两项了解,我们要再增添数据项,就十分复杂了。
2,创立线状图
晓得了怎样创立柱形图,再来创立线状图就很复杂了,只需改写图形的范例就能够了。
protectedvoidPage_Load(objectsender,EventArgse)
{
Seriesseries=newSeries("金额",ViewType.Line);
Seriesseries_cost=newSeries("本钱",ViewType.Line);
SeriesPointpoint;
DataTabledt=GetDataSource;
for(inti=0;i<dt.Rows.Count;i++)
{
point=newSeriesPoint(dt.Rows["week"].ToString(),Convert.ToDouble(dt.Rows["money"].ToString()));
series.Points.Add(point);
point=newSeriesPoint(dt.Rows["week"].ToString(),Convert.ToDouble(dt.Rows["cost"].ToString()));
series_cost.Points.Add(point);
}
this.WebChartControl1.Series.Add(series);
this.WebChartControl1.Series.Add(series_cost);
}
运转了局以下:
3,创立饼状图
和创立线状图一样,只需变动代码
Seriesseries=newSeries("金额",ViewType.Line);
Seriesseries_cost=newSeries("本钱",ViewType.Line);
中的范例便可,修正后的代码以下:
Seriesseries=newSeries("金额",ViewType.Pie);
Seriesseries_cost=newSeries("本钱",ViewType.Pie);
运转了局以下:
4,创立夹杂图
如今我们将金额的数据以线状显现,将本钱的数据以柱状显现,改写Series工具的范例以下:
Seriesseries=newSeries("金额",ViewType.Line);
Seriesseries_cost=newSeries("本钱",ViewType.Bar);
运转了局以下:
使用WebChartControl创立图形很复杂吧,只必要复杂的几行代码,就能够天生一个大度的图形了。C#中有两处地方用到new关键字,第一处也是最常见的一处是用在调用构造函数的时候,这种情况也是大家见的最多的一种。另一处是用在派生类中,作用有隐藏成员,切断继承关系等,相信第二处的用法大家明显要比第一处生疏。 |
|