後台代碼:
private void DataBind() { ProductByYear py = new ProductByYear(); for (int i = 0; i < RadioButtonList1.Items.Count; i++) { if (RadioButtonList1.Items[i].Selected) { py.Company = RadioButtonList1.Items[i].Value.Trim(); } } //py.Company = "ZE"; ProductByYearManager pymgr = new ProductByYearManager(); this.Store1.DataSource = pymgr.ProductByYearList(py); this.Store1.DataBind(); this.ChartYear.Width = 600; this.ChartYear.Height = 400; this.ChartYear.DataSource = pymgr.ProductByYearChart(py); this.ChartYear .DataBind (); this.ChartYear.Series["last year"].ChartType = SeriesChartType.Column; this.ChartYear.Series["year"].ChartType = SeriesChartType.Column; this.ChartYear.Series["year"].XValueMember = "產品類別"; this.ChartYear.Series["year"].YValueMembers = "本年度金額"; this.ChartYear.Series["last year"].XValueMember = "產品類別"; this.ChartYear.Series["last year"].YValueMembers = "上一年度金額"; //顯示資料 ChartYear.Series["year"].IsValueShownAsLabel = true; ChartYear.Series["last year"].IsValueShownAsLabel = true; this.ChartYear.Legends[0].Enabled = true; //this.ChartYear.ChartAreas["ChartArea1"].AxisX.Title = "產品類型"; this.ChartYear.ChartAreas["ChartArea1"].AxisY.Title = "銷售金額"; //背景色設定 this.ChartYear.ChartAreas["ChartArea1"].ShadowColor = Color.Transparent; this.ChartYear.ChartAreas["ChartArea1"].BackColor = Color.FromArgb(209, 237, 254); //該處設定為了由天藍到白色的逐漸層化 this.ChartYear.ChartAreas["ChartArea1"].BackGradientStyle = GradientStyle.TopBottom; this.ChartYear.ChartAreas["ChartArea1"].BackSecondaryColor = Color.White; //中間X,Y線條的顏色設定 this.ChartYear.ChartAreas["ChartArea1"].AxisX.MajorGrid.LineColor = Color.FromArgb(64, 64, 64, 64); this.ChartYear.ChartAreas["ChartArea1"].AxisY.MajorGrid.LineColor = Color.FromArgb(64, 64, 64, 64); //X.Y軸資料顯示間隔 this.ChartYear.DataBind(); }
前台代碼:
<asp:Chart ID="ChartYear" runat="server" BackColor="LightSteelBlue" BackGradientStyle="TopBottom" BackSecondaryColor="AliceBlue" EnableTheming="False" EnableViewState="True"> <Titles> <asp:Title Font="微軟雅黑, 16pt" Text="本年度VS上一年度銷售額(單位:10萬)" Alignment="TopCenter"></asp:Title> <asp:Title Docking="Bottom" Font="Trebuchet MS, 8.25pt" Text="Zettlercn Corporation" Alignment="MiddleRight"></asp:Title> </Titles> <legends> <asp:Legend BackColor="Transparent" Alignment="Center" Docking="Bottom" Font="Trebuchet MS, 8.25pt, style=Bold" IsTextAutoFit="False" Name="Default" LegendStyle="Row"></asp:Legend> </legends> <Series> <asp:Series Name="year" > </asp:Series> <asp:Series Name="last year" > </asp:Series> </Series> <ChartAreas> <asp:ChartArea Name="ChartArea1"> </asp:ChartArea> </ChartAreas> </asp:Chart>
圖: