如何使用表格控件Spread for ASP.NET图表功能

如何使用表格控件SpreadforASP.NET图表功能



SpreadforASP.NET全球销量领先的表格控件，类似Excel的强大功能。

Spread支持85种丰富多彩的图表效果。基于工作表的数据直接生成图表，操

作简单。本片文章中即将向您介绍Spread图表的使用方法：

1.设置数据源

DataTabledt=newDataTable("Test");

DataRowdr=default(System.Data.DataRow);

dt.Columns.Add("名称");

dt.Columns.Add("数量");

dr=dt.NewRow();

dr[0]="电器";

dr[1]=0.2;

dt.Rows.Add(dr);

dr=dt.NewRow();

dr[0]="服装";

dr[1]=0.5;

dt.Rows.Add(dr);

dr=dt.NewRow();

dr[0]="家具";

dr[1]=0.3;

dt.Rows.Add(dr);



2.设置BarSeries

FarPoint.Web.Chart.BarSeriesseries=newFarPoint.Web.Chart.Ba

rSeries();

//设置图表展示数据

series.Values.DataSource=dt;

series.Values.DataField=dt.Columns[1].ColumnName;

//使用多样化颜色显示

series.VaryColors=true;





//设置X轴显示名称

series.CategoryNames.Add("电器");

series.CategoryNames.Add("服装");

series.CategoryNames.Add("家具");

series.LabelVisible=true;



3.设置YPlotArea

FarPoint.Web.Chart.YPlotAreaplotArea=newFarPoint.Web.Chart.

YPlotArea();

//设置显示单位为20%



plotArea.YAxes[0].DisplayUnits=0.5;

//设置Y轴显示为Percentage

plotArea.YAxes[0].LabelNumberFormat="00.0%";

//设置YPlotArea显示位置

plotArea.Location=newSystem.Drawing.PointF(0.2F,0.2F);

//设置YPlotArea大小

plotArea.Size=newSystem.Drawing.SizeF(0.6F,0.6F);

plotArea.Series.Add(series);



4.设置图例

LegendArealegend=newLegendArea();

legend.Location=newPointF(0.98f,0.5f);

legend.AlignmentX=1.0f;

legend.AlignmentY=0.5f;

5.设置标签

LabelArealabel=newLabelArea();

label.Text="产品分布";

label.Location=newPointF(0.5f,0.02f);

label.AlignmentX=0.5f;

label.AlignmentY=0.0f;







6.在WebConfig文件中添加以下信息：




artImageHttpHandler"validate="true"/>