当前位置： 移动技术网 > IT编程>开发语言>.net > .NET Chart控件使用

.NET Chart控件使用

2018年10月30日  | 移动技术网IT编程  | 我要评论

潍坊实验中学,余额宝多久有收益,橘黄刺杯菌

1.前台，一个柱状图，一个饼状图
asp:chart id="chartbar" runat="server" width="800px" backcolor="#ffffcc" palette="brightpastel"
        borderwidth="2" bordercolor="#cc9900">
2核心代码 

private void initdata()
        {
            //获取每月销售情况
            int[] arraysell = new int[] { 10 };

            //获取月份
            string[] arraymonths = new string[] { "1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月" };

            //获取部门
            string[] arraydeparts = new string[] { "部门1", "部门2", "部门3" };

            series seriess = new series("销售情况");
            seriess.borderwidth = 3;
            seriess.shadowoffset = 2;

            series seriespies = new series("销售情况");
            seriespies.charttype = seriescharttype.pie;
            seriespies.borderwidth = 3;
            seriespies.shadowoffset = 2;

            this.chartbar.series.add(seriess);
            this.chartpie.series.add(seriespies);

            title tbar = new title("销售情况柱状图");
            this.chartbar.titles.add(tbar);

            title tpie = new title("销售情况饼状图");
            this.chartpie.titles.add(tpie);

            this.chartbar.chartareas["chartarea1"].axisx.interval = 1;//x轴数据显示间隔
            this.chartbar.chartareas["chartarea1"].axisy.interval = 50;

            //画柱状图

            foreach (string d in arraydeparts)
            {
                series tempseries = new series(string.format("{0}", d));
                this.chartbar.series.add(tempseries);

                foreach (string m in arraymonths)
                {
                    foreach (int n in arraysell)
                    {
                        tempseries.points.addxy(m, n);
                    }
                }
            }

            //画饼图

            foreach (string d in arraydeparts)
            {
                foreach (int n in arraysell)
                {
                    seriespies.points.addxy(d, n);
                }
            }


            this.chartbar.chartareas["chartarea1"].axisx.ismarginvisible = false;
            this.chartbar.chartareas["chartarea1"].area3dstyle.enable3d = false;
            //背景色设置
            this.chartbar.chartareas["chartarea1"].shadowcolor = color.transparent;
            this.chartbar.chartareas["chartarea1"].backcolor = color.azure;
            this.chartbar.chartareas["chartarea1"].backgradientstyle = gradientstyle.topbottom;
            this.chartbar.chartareas["chartarea1"].backsecondarycolor = color.white;
            //x,y坐标线颜色和大小
            this.chartbar.chartareas["chartarea1"].axisx.linecolor = color.blue;
            this.chartbar.chartareas["chartarea1"].axisy.linecolor = color.blue;
            this.chartbar.chartareas["chartarea1"].axisx.linewidth = 2;
            this.chartbar.chartareas["chartarea1"].axisy.linewidth = 2;
            this.chartbar.chartareas["chartarea1"].axisy.title = "销量";
            //中间x,y线条的颜色设置
            this.chartbar.chartareas["chartarea1"].axisx.majorgrid.linecolor = color.blue;
            this.chartbar.chartareas["chartarea1"].axisy.majorgrid.linecolor = color.blue;
            //x.y轴数据显示间隔
            this.chartbar.chartareas["chartarea1"].axisx.interval = 1;  //x轴数据显示间隔
            this.chartbar.chartareas["chartarea1"].axisy.interval = 50;
            //x轴线条显示间隔
            this.chartbar.chartareas["chartarea1"].axisx.majorgrid.interval = 1;
        }

3.web.config
这一段需要手动加入，如果不添加会报system.web.httpexception: 为 chartimg.axd 执行子请求时出错。







最后：效果图








您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网