當前位置:股票大全官網 - 股票投資 - Net C#圖表控件,如何動態繪制range柱形圖和條形圖?

Net C#圖表控件,如何動態繪制range柱形圖和條形圖?

HTML部分:

& ltasp:圖表?ID="ChartBar "?runat= "服務器"?Width="800px "?BackColor="#FFFFCC "?Palette="BrightPastel "?BorderWidth?=?"2"?BorderColor?=?“#cc9900”?& gt

& lt圖例& gt

& ltasp:傳奇?IsTextAutoFit="False "?Name= "默認"?BackColor= "透明"?Font= "投石機?女士?8.25pt,?style=Bold " >

& lt/ASP:Legend & gt;

& lt/Legends & gt;?

& ltChartAreas & gt

& ltasp:ChartArea?Name="ChartArea1 " >

& lt/ASP:chart area & gt;

& lt/chart areas & gt;

& lt/ASP:Chart & gt;

& ltasp:圖表?ID="ChartPie "?runat= "服務器"?Width="400px "?BackColor="#FFFFCC "?Palette="BrightPastel "?BorderWidth?=?"0"?BorderColor?=?“#cc9900”?& gt

& lt圖例& gt

& ltasp:傳奇?IsTextAutoFit="False "?Name= "默認"?BackColor= "透明"?Font= "投石機?女士?8.25pt,?style=Bold " >

& lt/ASP:Legend & gt;

& lt/Legends & gt;?

& ltChartAreas & gt

& ltasp:ChartArea?Name="ChartArea1 " >

& lt/ASP:chart area & gt;

& lt/chart areas & gt;

& lt/ASP:Chart & gt;

C#部分:

//獲得月銷售額。

int[]?arraySell=new?int[]{ 10 };

//獲取月份

string[]?arrayMonths?=?新的?string[]?{?“65438+10月”?“二月”“三月”“四月”“五月”?“六月”“七月”“八月”“九月”“10月”?“11月”?“65438+2月”?};

//采集部門

string[]?arrayDeparts?=?新的?string[]?{?“部門1”?“二部”“三部”?};

系列?嚴肅?=?新的?系列(“銷售情況”);

嚴肅。BorderWidth?=?3;

嚴肅。ShadowOffset?=?2;

系列?連續劇?=?新的?系列(“銷售情況”);

系列電影。圖表類型?=?SeriesChartType。餡餅;

系列電影。BorderWidth?=?3;

系列電影。ShadowOffset?=?2;

這個。chart bar . series . add(series ess);

這個。chart pie . series . add(series pies);

標題?tBar?=?新的?標題(“銷售直方圖”);

這個。chart bar . titles . add(tBar);

標題?tPie?=?新的?標題(“銷售餅圖”);

這個。chart pie . titles . add(tPie);

這個。chart bar . chart areas[" chart area 1 "]. axis x . interval?=?1;//x軸數據顯示間隔

這個。chart bar . chart areas[" chart area 1 "]. axisy . interval?=?50;

//繪制直方圖

foreach?(字符串?d?在?數組零件)

{

系列?tempseries?=?新的?系列(字符串。格式(“{0}”,?d));

這個。chart bar . series . add(temp series);

foreach?(字符串?m?在?arrayMonths)

{

foreach?(int?n?在?arraySell)

{

tempseries。Points.AddXY(m,n);

}

}?

}

//繪制餅圖

foreach?(字符串?d?在?數組零件)

{?

foreach(int?n?在?arraySell)

{

系列電影。Points.AddXY(d,n);

}

}

這個。chart bar . chart areas[" chart area 1 "]. axisx . ismarginvisible?=?假的;

這個。chart bar . chart areas[" chartarea 1 "]. area 3d style . enable 3d?=?假的;

//背景顏色設置

這個。chart bar . chart areas[" chart area 1 "]。ShadowColor?=?顏色。透明;

這個。chart bar . chart areas[" chart area 1 "]。背景色?=?顏色。天藍色;

這個。chart bar . chart areas[" chart area 1 "]。BackGradientStyle?=?GradientStyle。TopBottom

這個。chart bar . chart areas[" chart area 1 "]。BackSecondaryColor?=?顏色。白色;

//X,Y坐標線的顏色和大小

這個。chart bar . chart areas[" chart area 1 "]. axisx . line color?=?顏色。藍色;

這個。chart bar . chart areas[" chart area 1 "]. axisy . line color?=?顏色。藍色;

這個。chart bar . chart areas[" chart area 1 "]. axisx . line width?=?2;

這個。chart bar . chart areas[" chart area 1 "]. axisy . line width?=?2;

這個。chart bar . chart areas[" chart area 1 "]. axisy . title?=?”銷售量”;

//中間X和Y線的顏色設置

這個。chart bar . chart areas[" chartarea 1 "]. axisx . major grid . line color?=?顏色。藍色;

這個。chart bar . chart areas[" chartarea 1 "]. axisy . major grid . line color?=?顏色。藍色;

//X.Y軸數據顯示間隔

這個。chart bar . chart areas[" chart area 1 "]. axis x . interval?=?1;?//X軸數據顯示間隔

這個。chart bar . chart areas[" chart area 1 "]. axisy . interval?=?50;

//X軸條形圖顯示間隔。

這個。chart bar . chart areas[" chartarea 1 "]. axisx . major grid . interval?=?1;

效果如下