[MSCHART]柱状图

原创 2012年03月26日 10:18:23

后台代码:

    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>


图:


版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

[MSCHART]柱状图

后台代码: private void DataBind() { ProductByYear py = new ProductByYear(); ...

MSCHART 柱状图实例

一:前台代码 //页面引用     Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %>

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

[MSCHART]Stacked与多组柱状图

1.通常会按区域或者产品分月显示百分比的效果图: 后台代码: private void Stacked(DataTable dt) { this.Chart2....

Echarts柱状图

ECharts-基本线性图及其配置要求 // 按需加载 // Step:3 conifg ECharts's path, l...

Android 柱状图

package com.wei.demo.view;import android.content.Context; import android.graphics.Canvas; import a...

JFreeChart--柱状图

JFreeChart是JAVA平台上的一个开放的图表绘制类库。它完全使用JAVA语言编写,是为applications, applets, servlets 以及JSP等使用所设计。JFreeChar...

ggplot2——柱状图

目录: 初始图样 如何修改柱条的宽度 如何修改柱条的顺序 如何在柱条上添加文字 (更多关于图例、坐标系等内容请见:R、ggplot2、shiny 汇总) 初始图样:library(ggp...

dojo 柱状图

Demo: Basic Declarative Chart Demo: Basic Declarative Chart req...
  • biany2
  • biany2
  • 2013-09-13 10:45
  • 2600

柱状图

效果图: 柱状图的效果是从下往上逐渐增长,并且每个柱状图是可以响应点击事件的。 package com.example.wavedemo; import java.util.Arra...

jsp 柱状图

统计柱状图 <% String title=new String(request.getParameter("title").getBytes("iso8859-1"),"gb2312");...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)