[MSCHART]柱狀圖

來源:互聯網
上載者:User

後台代碼:

    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>

圖:

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.