惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Recent Announcements
Recent Announcements
人人都是产品经理
人人都是产品经理
月光博客
月光博客
博客园 - 三生石上(FineUI控件)
GbyAI
GbyAI
博客园 - 司徒正美
美团技术团队
Vercel News
Vercel News
IT之家
IT之家
U
Unit 42
Y
Y Combinator Blog
罗磊的独立博客
Microsoft Security Blog
Microsoft Security Blog
MongoDB | Blog
MongoDB | Blog
Jina AI
Jina AI
V
Visual Studio Blog
B
Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
MyScale Blog
MyScale Blog
博客园 - 叶小钗
A
About on SuperTechFans
WordPress大学
WordPress大学
Hugging Face - Blog
Hugging Face - Blog
B
Blog RSS Feed

博客园 - 我不是冷狐冲,我就是一酒壶

又长草啦 普通HTML的input调用Ext js DatePicker的实现方法 MVC框架下的图表使用(一) 关于消息队列的研究 GridView样式及排序问题 新年新开始 WebBrowser控件显示XML流 VS2005(C#)里读取及改变App.config里appSettings节的值 WebService开发心得 - 我不是冷狐冲,我就是一酒壶 - 博客园 VS 2005 C#操作 XML ASP调用C# DLL - 我不是冷狐冲,我就是一酒壶 - 博客园 Ajax学习笔记 VML图表控件 含吃蛇,加了存档功能了 在cs页取得当前Web页输出的HTML - 我不是冷狐冲,我就是一酒壶 - 博客园 VML学习笔记(本人会不断更新此文章) 长白山游记 贪吃蛇 C# C/S下DataGrid根据数据库里的值(int型)显示ImageList里的图片
MVC框架下的图表使用(二)
我不是冷狐冲,我就是一酒壶 · 2010-08-17 · via 博客园 - 我不是冷狐冲,我就是一酒壶

这次来说说Area图的设置,还是以书店数据库为例,下面就列出2008年,2009年每个季度的收益对比

效图果如下:

  代码如下,对一些属性做了注释,有兴趣的同学可以试试

代码

System.Web.UI.DataVisualization.Charting.Chart Chart1 = new System.Web.UI.DataVisualization.Charting.Chart();
                        Chart1.Width 
= 500;
                        Chart1.Height 
= 296;
                        Chart1.RenderType 
= RenderType.ImageTag;
                        Chart1.Palette 
= ChartColorPalette.BrightPastel;
                        Chart1.BackGradientStyle 
= GradientStyle.TopBottom;
      
                        
//设置2008年的数据
                        double[] yValues = { 307560100};
                        
string[] xValues = { "第一季度""第二季度""第三季度""第四季度" };

                        Series series2008 

= new Series();

                        series2008.Name 

= "2008";
                        Chart1.Series.Add(series2008);
                        Chart1.Series[
"2008"].Points.DataBindXY(xValues, yValues);                        
                        Chart1.Series[
"2008"].ChartType = SeriesChartType.SplineArea;
                        Chart1.Series[
"2008"].IsValueShownAsLabel = true;                    //是否在图里显示每一项数据
                        Chart1.Series["2008"].MarkerStyle = MarkerStyle.Circle;              //数据项标识图形
                        Chart1.Series["2008"].MarkerColor = System.Drawing.Color.Azure;      //数据项标识颜色 
                        
//设置2009年的数据
                        double[] yValues1 = { 1005012030 };
                        
string[] xValues1 = { "第一季度""第二季度""第三季度""第四季度" };
                        Series series2009 
= new Series();

                        series2009.Name 

= "2009";
                        Chart1.Series.Add(series2009);
                        Chart1.Series[
"2009"].Points.DataBindXY(xValues1, yValues1);
                        Chart1.Series[
"2009"].ChartType = SeriesChartType.SplineArea;
                        Chart1.Series[
"2009"].IsValueShownAsLabel = true;
                        Chart1.Series[
"2009"].MarkerStyle = MarkerStyle.Circle;
                        Chart1.Series[
"2009"].MarkerColor = System.Drawing.Color.Black;
                        

                        ChartArea charArea 

= new ChartArea();

                        charArea.Name 

= "ChartArea1";

                        Chart1.ChartAreas.Add(charArea);
                        Chart1.ChartAreas[

"ChartArea1"].Area3DStyle.Enable3D = false;
      
                        Chart1.ChartAreas[
"ChartArea1"].ShadowColor = System.Drawing.Color.Transparent;
                        Chart1.ChartAreas[
"ChartArea1"].AxisX.IsMarginVisible = false;                  
                      
                        
//将两组数据设置为同一区域
                        Chart1.Series["2008"].ChartArea = charArea.Name;
                        Chart1.Series[
"2009"].ChartArea = charArea.Name;
      

                        Legend legend 

= new Legend();

                        Chart1.Legends.Add(legend);

// Render chart control
                        Chart1.Page = this.Parent.Page;
                        HtmlTextWriter writer 
= new HtmlTextWriter(this.Parent.Page.Response.Output);
                        Chart1.RenderControl(writer);

    好了,下次帖点高级的,关于drilldown功能