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

推荐订阅源

TaoSecurity Blog
TaoSecurity Blog
Jina AI
Jina AI
雷峰网
雷峰网
月光博客
月光博客
The GitHub Blog
The GitHub Blog
WordPress大学
WordPress大学
B
Blog RSS Feed
美团技术团队
C
CXSECURITY Database RSS Feed - CXSecurity.com
小众软件
小众软件
Security Latest
Security Latest
Microsoft Azure Blog
Microsoft Azure Blog
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
C
Cybersecurity and Infrastructure Security Agency CISA
Last Week in AI
Last Week in AI
A
Arctic Wolf
Latest news
Latest news
Attack and Defense Labs
Attack and Defense Labs
I
Intezer
F
Fortinet All Blogs
罗磊的独立博客
MongoDB | Blog
MongoDB | Blog
Webroot Blog
Webroot Blog
S
Secure Thoughts
Help Net Security
Help Net Security
Apple Machine Learning Research
Apple Machine Learning Research
博客园_首页
V
Visual Studio Blog
P
Proofpoint News Feed
博客园 - 【当耐特】
P
Privacy International News Feed
V
Vulnerabilities – Threatpost
Stack Overflow Blog
Stack Overflow Blog
Know Your Adversary
Know Your Adversary
云风的 BLOG
云风的 BLOG
Hacker News: Ask HN
Hacker News: Ask HN
L
LINUX DO - 最新话题
H
Help Net Security
爱范儿
爱范儿
酷 壳 – CoolShell
酷 壳 – CoolShell
S
SegmentFault 最新的问题
Forbes - Security
Forbes - Security
T
Tailwind CSS Blog
量子位
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
T
Tenable Blog
Cloudbric
Cloudbric
N
News and Events Feed by Topic
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
Hugging Face - Blog
Hugging Face - Blog

博客园 - 李计刚

怎样定制图表提示? SQL学习笔记之ANSI_NULLS 要生就生双胞胎~ 在重庆访古~ Infragistics控件在VS.net 2005中使用的注意事项 UltraChart中如何自定义标签? 关于ColumnLine Chart 重庆印象! 用图表向导生成ColumnLineChart 在VS2005中调试JavaScript 那些逝去的美好日子! 关于SELECT执行顺序的问题! Infragistics中Custom Layer的实现(翻译) UltraChart绑定数据的问题(翻译) 韩剧已不再风光! 用颜色矩阵实现的图象反转效果 关于:GDI+FAQ的好去处! 我做的数字图象处理 我的Blog开通了!
如何手写代码以生成Composite图表?
李计刚 · 2009-06-04 · via 博客园 - 李计刚

     前段写的博文介绍了用图表向导创建ColumnLineChart的整个过程,ColumnLineChart归属于简单图表,用类似的向导步骤可创建出复合图表,相关步骤可参考:Chart_Creating_a_Composite_Chart_Using_the_ Chart_Wizard

既然可通过向导全程定制Composite Chart,那么用书写代码的方式来生成Composite Chart也当然是可以的了!此过程,如果你英文也够好,你也可以参考如下内容:Chart_Creating_a_Composite_Chart_in Code_Part
     但是如果你英文不够好,或者需要有人指导下,请看本部分内容,本文就是介绍用手写代码方式生成符合图表,其间属性设置根据我的理解做了注释,你要是还不明白,建议你尝试着修改修属性值,然后比照生成图表具体理解,具体实现代码如下,你只需要复制其在Page_load事件中添加,再拖一个UltraChart到该页面即可。
        //定义数据源,根据其可方便设置series
        DataTable dt = new DataTable();
        dt.Columns.Add("col1", typeof(int));
        dt.Columns.Add("col2", typeof(int));
        dt.Columns.Add("col3", typeof(int));
        dt.Columns.Add("col4", typeof(string));       
        dt.Rows.Add(new object[] {2, 14, 12, "H1"});
        dt.Rows.Add(new Object[] {0, 11, 10, "H2"});
        dt.Rows.Add(new Object[] {1, 9, 11, "H3"});
        dt.Rows.Add(new Object[] {0, 10, 11, "H4"});
        dt.Rows.Add(new Object[] {4, 12, 9, "H5"});
        dt.Rows.Add(new Object[] {1, 11, 10, "H6"});
        dt.Rows.Add(new Object[] {1, 8, 7, "H7"});
        dt.Rows.Add(new Object[] {5, 10, 10, "H8"});
       
        //以下开始介绍生成Composite的完整步骤

        //第一步:设置UltraChart1图表为组合图表Composite
        this.UltraChart1.ChartType = ChartType.Composite; 

        //第二步:创建一个图表区域ChartArea,并在UltraChart1图表组合中增加一个图表区域
        ChartArea area = new ChartArea();
        this.UltraChart1.CompositeChart.ChartAreas.Add(area); 

        //第三步:创建X轴,X2轴和Y轴,并添加到图表区域
        //创建X轴,Composite的ColumnChart需要
        AxisItem xAxisColumn = new AxisItem();
        xAxisColumn.OrientationType = AxisNumber.X_Axis;
        xAxisColumn.DataType = AxisDataType.String ;
        xAxisColumn.SetLabelAxisType = Infragistics.UltraChart.Core.Layers.SetLabelAxisType.GroupBySeries;
        xAxisColumn.Labels.ItemFormat = AxisItemLabelFormat.ItemLabel;
        xAxisColumn.Extent = 20;
        //创建Y轴,Composite的ColumnChart和LineChart都需要
        AxisItem yAxis = new AxisItem();
        yAxis.OrientationType = AxisNumber.Y_Axis;
        yAxis.DataType = AxisDataType.Numeric ;
        yAxis.Labels.ItemFormat = AxisItemLabelFormat.DataValue;
        yAxis.RangeType = AxisRangeType.Custom;
        yAxis.RangeMin = 0;
        yAxis.RangeMax = 20;
        yAxis.Extent = 20;
        //创建X2轴, Composite的LineChart需要
        AxisItem xAxisLine = new AxisItem();
        xAxisLine.OrientationType = AxisNumber.X2_Axis;
        xAxisLine.DataType = AxisDataType.String ;
        xAxisLine.SetLabelAxisType = Infragistics.UltraChart.Core.Layers.SetLabelAxisType.ContinuousData;
        xAxisLine.Labels.ItemFormat = AxisItemLabelFormat.ItemLabel;
        xAxisLine.Extent = 20;
        //添加轴线到绘图区域
        area.Axes.Add(xAxisColumn);
        area.Axes.Add(xAxisLine);
        area.Axes.Add(yAxis);

        //第四步:创建若干曲线连续点实例,设置其取值
        //生成ColumnChart所需的一个series
        NumericSeries seriesColumn = new NumericSeries();
        //数据标签值
        seriesColumn.Label = "A";
        seriesColumn.Data.DataSource = dt;
        //轴线上显示的标签信息
        seriesColumn.Data.LabelColumn = "col4";
        //图表上要显示的值
        seriesColumn.Data.ValueColumn = "col2";
        seriesColumn.DataBind();
        //生成ColumnChart所需的一个series
        NumericSeries seriesColumn2 = new NumericSeries();
        //数据标签值
        seriesColumn2.Label = "B";
        seriesColumn2.Data.DataSource = dt;
        //轴线上显示的标签信息
        seriesColumn2.Data.LabelColumn = "col4";
        //图表上要显示的值
        seriesColumn2.Data.ValueColumn = "col3";
        seriesColumn2.DataBind();
        //生成LineChart所需的一个series
        NumericSeries seriesLine = new NumericSeries();
        seriesLine.Data.DataSource = dt;
        //轴线上显示的标签信息
        seriesLine.Data.LabelColumn = "col4";
        //图表上要显示的值
        seriesLine.Data.ValueColumn = "col1";
        seriesLine.DataBind();      
        this.UltraChart1.Series.Add(seriesLine);
        this.UltraChart1.Series.Add(seriesColumn);
        this.UltraChart1.Series.Add(seriesColumn2); 

        //第五步:创建图表样式(外观),并添加到图层集中
        //ColumnChart的图表样式
        ChartLayerAppearance ColumnLayer = new ChartLayerAppearance();
        ColumnLayer.AxisX = xAxisColumn;
        ColumnLayer.AxisY = yAxis;
        ColumnLayer.ChartArea = area;
        //设置图表类型,ColumnChart条形图
        ColumnLayer.ChartType = ChartType.ColumnChart;
        ColumnLayer.Series.Add(seriesColumn);
        ColumnLayer.Series.Add(seriesColumn2);
        //LineChart的图表样式
        ChartLayerAppearance LineLayer = new ChartLayerAppearance();
        LineLayer.AxisX = xAxisLine;
        LineLayer.AxisY = yAxis;
        LineLayer.ChartArea = area;
        //设置图表类型,LineChart条形图
        LineLayer.ChartType = ChartType.LineChart;
        LineLayer.Series.Add(seriesLine);
        this.UltraChart1.CompositeChart.ChartLayers.Add(ColumnLayer);
        this.UltraChart1.CompositeChart.ChartLayers.Add(LineLayer);    

    根据上述代码所生成的Composite Chart如下图: