DevXpress控件: 第二篇--将绘图进行到底: Charter控件(附图)

一. 2D

1. 散点图

散点图--CreatedBy FQGUO
this.xtraTabControl1.TabPages.Add("普通散点图");
ChartControl pointChart = new ChartControl();
Series series1 = new Series("序列一", ViewType.Point);
series1.ArgumentScaleType = ScaleType.Numerical;
((PointSeriesView)series1.View).PointMarkerOptions.Kind = MarkerKind.Triangle;
//加点
series1.Points.Add(new SeriesPoint(1, new double[] { 10 }));
series1.Points.Add(new SeriesPoint(2, new double[] { 12 }));
series1.Points.Add(new SeriesPoint(3, new double[] { 14 }));
series1.Points.Add(new SeriesPoint(4, new double[] { 17 }));
series1.Points.Add(new SeriesPoint(5, new double[] { 21 }));
series1.Points.Add(new SeriesPoint(6, new double[] { 26 }));
series1.Points.Add(new SeriesPoint(7, new double[] { 29 }));
series1.Points.Add(new SeriesPoint(8, new double[] { 30 }));
Series series2 = new Series("序列二", ViewType.Point);
series2.ArgumentScaleType = ScaleType.Numerical;
((PointSeriesView)series2.View).PointMarkerOptions.Kind = MarkerKind.Cross;
//加点
series2.Points.Add(new SeriesPoint(1, new double[] { 15 }));
series2.Points.Add(new SeriesPoint(2, new double[] { 18 }));
series2.Points.Add(new SeriesPoint(3, new double[] { 25 }));
series2.Points.Add(new SeriesPoint(4, new double[] { 33 }));
series2.Points.Add(new SeriesPoint(5, new double[] { 35 }));
series2.Points.Add(new SeriesPoint(6, new double[] { 41 }));
series2.Points.Add(new SeriesPoint(7, new double[] { 44 }));
series2.Points.Add(new SeriesPoint(8, new double[] { 50 }));
pointChart.Series.Add(series1);            pointChart.Series.Add(series2);
// 显示标签.
pointChart.Legend.Visible = true;
// 不允许旋转90度.
((XYDiagram)pointChart.Diagram).Rotated = false; ;
//加入到tab中
pointChart.Dock = DockStyle.Fill;            pointChart.Size = new System.Drawing.Size(400, 250);
int tabPagesCount = this.xtraTabControl1.TabPages.Count - 1;
this.xtraTabControl1.TabPages[tabPagesCount].Controls.Add(pointChart);            this.xtraTabControl1.SelectedTabPageIndex = tabPagesCount;

2. 折线图

Code:

折线图--CreateByFQGUO
this.xtraTabControl1.TabPages.Add("普通折线图");
ChartControl lineChart = new ChartControl();
Series series1 = new Series("通过人数", ViewType.Line);
series1.ArgumentScaleType = ScaleType.Numerical;
((LineSeriesView)series1.View).LineMarkerOptions.Kind = MarkerKind.Triangle;
((LineSeriesView)series1.View).LineStyle.DashStyle = DashStyle.Dash;
series1.Points.Add(new SeriesPoint(1, new double[] { 2 }));
series1.Points.Add(new SeriesPoint(2, new double[] { 3 }));
series1.Points.Add(new SeriesPoint(3, new double[] { 4 }));
series1.Points.Add(new SeriesPoint(4, new double[] { 6 }));
series1.Points.Add(new SeriesPoint(5, new double[] { 8 }));
series1.Points.Add(new SeriesPoint(6, new double[] { 10 }));
series1.Points.Add(new SeriesPoint(7, new double[] { 12 }));
series1.Points.Add(new SeriesPoint(8, new double[] { 15 }));
Series series2 = new Series("报名人数", ViewType.Line);
series2.ArgumentScaleType = ScaleType.Numerical;
((LineSeriesView)series2.View).LineMarkerOptions.Kind = MarkerKind.Cross;
((LineSeriesView)series2.View).LineStyle.DashStyle = DashStyle.DashDotDot;
series2.Points.Add(new SeriesPoint(1, new double[] { 3 }));
series2.Points.Add(new SeriesPoint(2, new double[] { 5 }));
series2.Points.Add(new SeriesPoint(3, new double[] { 6 }));
series2.Points.Add(new SeriesPoint(4, new double[] { 7 }));
series2.Points.Add(new SeriesPoint(5, new double[] { 11 }));
series2.Points.Add(new SeriesPoint(6, new double[] { 13 }));
series2.Points.Add(new SeriesPoint(7, new double[] { 15 }));
series2.Points.Add(new SeriesPoint(8, new double[] { 18 }));
lineChart.Series.Add(series1);            lineChart.Series.Add(series2);            lineChart.Legend.Visible = true;
((XYDiagram)lineChart.Diagram).Rotated = false;
lineChart.Dock = DockStyle.Fill;            lineChart.Size = new System.Drawing.Size(400, 250);
this.Controls.Add(lineChart);
int tabPagesCount = this.xtraTabControl1.TabPages.Count - 1;
this.xtraTabControl1.TabPages[tabPagesCount].Controls.Add(lineChart);            this.xtraTabControl1.SelectedTabPageIndex = tabPagesCount;
  

3. 柱状图



4. 饼图



5. 任务进度图



Code:

CreatedBy -FQGUO this.xtraTabControl1.TabPages.Add("任务进度图");
ChartControl ganttChart = new ChartControl();
Series series1 = new Series("计划", ViewType.Gantt);
ganttChart.Series.Add(series1);            series1.Label.Visible = false;            ((GanttSeriesView)series1.View).BarWidth = 0.6;
series1.ArgumentScaleType = ScaleType.Qualitative;
series1.ValueScaleType = ScaleType.DateTime;
series1.Points.Add(new SeriesPoint("需求分析", new DateTime[] {
new DateTime(2008, 10, 16), new DateTime(2008, 10, 23) }));
series1.Points.Add(new SeriesPoint("工程架构", new DateTime[] {
new DateTime(2008, 10, 23), new DateTime(2008, 10, 28) }));
series1.Points.Add(new SeriesPoint("开发测试", new DateTime[] {
new DateTime(2008, 10, 28), new DateTime(2008, 11, 26) }));
series1.Points.Add(new SeriesPoint("部署上线", new DateTime[] {
new DateTime(2008, 11, 26), new DateTime(2008, 12, 10) }));
((GanttSeriesView)series1.View).LinkOptions.ArrowHeight = 7;
((GanttSeriesView)series1.View).LinkOptions.ArrowWidth = 11;
for (int i = 1; i < series1.Points.Count; i++)
{
series1.Points[i].Relations.Add(series1.Points[i - 1]);
}
Series series2 = new Series("执行", ViewType.Gantt);
ganttChart.Series.Add(series2);            series2.Label.Visible = false;            ((GanttSeriesView)series2.View).BarWidth = 0.3;
series2.ArgumentScaleType = ScaleType.Qualitative;
series2.ValueScaleType = ScaleType.DateTime;
series2.Points.Add(new SeriesPoint("需求分析", new DateTime[] {
new DateTime(2008, 10, 16), new DateTime(2008, 10, 23) }));
series2.Points.Add(new SeriesPoint("工程架构", new DateTime[] {
new DateTime(2008, 10, 23), new DateTime(2008, 10, 26) }));
series2.Points.Add(new SeriesPoint("开发测试", new DateTime[] {
new DateTime(2008, 10, 26), new DateTime(2008, 11, 10) }));
series2.Points.Add(new SeriesPoint("部署上线", new DateTime[] {
new DateTime(2008, 11, 10), new DateTime(2008, 12, 1) }));
ConstantLine progress = new ConstantLine("当前进度", new DateTime(2008, 11,28 ));
progress.ShowInLegend = false;            progress.Title.Alignment = ConstantLineTitleAlignment.Far;
((GanttDiagram)ganttChart.Diagram).AxisY.ConstantLines.Add(progress);
ChartTitle title = new ChartTitle();            title.Text ="任务进度表--Created By fqguo(子逸)";
ganttChart.Titles.Add(title);
ganttChart.Dock = DockStyle.Fill;            ganttChart.Size = new System.Drawing.Size(500, 300);
ganttChart.Legend.AlignmentHorizontal = LegendAlignmentHorizontal.Right;            ((GanttDiagram)ganttChart.Diagram).AxisY.Interlaced = true;
((GanttDiagram)ganttChart.Diagram).AxisY.GridSpacing = 10;
((GanttDiagram)ganttChart.Diagram).AxisY.Label.Angle = -30;
((GanttDiagram)ganttChart.Diagram).AxisY.Label.Antialiasing = true;
((GanttDiagram)ganttChart.Diagram).AxisY.DateTimeOptions.Format = DateTimeFormat.MonthAndDay;
int tabPagesCount = this.xtraTabControl1.TabPages.Count - 1;
this.xtraTabControl1.TabPages[tabPagesCount].Controls.Add(ganttChart);            this.xtraTabControl1.SelectedTabPageIndex = tabPagesCount;
  

二. 3D

1. 堆叠立柱体



Code:

堆叠立柱体--CreatedByFQGUO            this.xtraTabControl1.TabPages.Add("堆叠立柱体");
ChartControl barChart = new ChartControl();
Series series1 = new Series("通过人数", ViewType.StackedBar3D);
series1.Points.Add(new SeriesPoint("I", new double[] { 10 }));
series1.Points.Add(new SeriesPoint("II", new double[] { 20 }));
series1.Points.Add(new SeriesPoint("III", new double[] { 40 }));
series1.Points.Add(new SeriesPoint("IV", new double[] { 60 }));
Series series2 = new Series("报名人数", ViewType.StackedBar3D);
series2.Points.Add(new SeriesPoint("I", new double[] { 15 }));
series2.Points.Add(new SeriesPoint("II", new double[] { 25 }));
series2.Points.Add(new SeriesPoint("III", new double[] { 35 }));
series2.Points.Add(new SeriesPoint("IV", new double[] { 45 }));
barChart.Series.Add(series2);            barChart.Series.Add(series1);            barChart.Legend.Visible = true;
barChart.Dock = DockStyle.Fill;
barChart.Size = new System.Drawing.Size(400, 250);
int tabPagesCount = this.xtraTabControl1.TabPages.Count - 1;
this.xtraTabControl1.TabPages[tabPagesCount].Controls.Add(barChart);            this.xtraTabControl1.SelectedTabPageIndex = tabPagesCount;
  

2. 饼形3D图



3. 分层区图



4. 堆叠区图



5. 曼哈顿三维



Code:

曼哈顿三维--CreateByFQUOthis.xtraTabControl1.TabPages.Add(" 曼哈顿三维");
ChartControl mhtChart = new ChartControl();
Series series1 = new Series("2007", ViewType.ManhattanBar);            series1.ArgumentScaleType = ScaleType.Numerical;
series1.Points.Add(new SeriesPoint(1, new double[] { 2 }));
series1.Points.Add(new SeriesPoint(2, new double[] { 5 }));
series1.Points.Add(new SeriesPoint(3, new double[] { 6 }));
series1.Points.Add(new SeriesPoint(4, new double[] { 7 }));
series1.Points.Add(new SeriesPoint(5, new double[] { 7 }));
Series series2 = new Series("2008", ViewType.ManhattanBar);            series2.ArgumentScaleType = ScaleType.Numerical;
series2.Points.Add(new SeriesPoint(1, new double[] { 4 }));
series2.Points.Add(new SeriesPoint(2, new double[] { 6 }));
series2.Points.Add(new SeriesPoint(3, new double[] { 7 }));
series2.Points.Add(new SeriesPoint(4, new double[] { 8 }));
series2.Points.Add(new SeriesPoint(5, new double[] { 9 }));
Series series3 = new Series("2008", ViewType.ManhattanBar);            series3.ArgumentScaleType = ScaleType.Numerical;
series3.Points.Add(new SeriesPoint(1, new double[] { 1 }));
series3.Points.Add(new SeriesPoint(2, new double[] { 2 }));
series3.Points.Add(new SeriesPoint(3, new double[] { 3 }));
series3.Points.Add(new SeriesPoint(4, new double[] { 4 }));
series3.Points.Add(new SeriesPoint(5, new double[] { 5 }));
mhtChart.Series.Add(series2);            mhtChart.Series.Add(series1);            mhtChart.Series.Add(series3);            mhtChart.Legend.Visible = true;
((XYDiagram3D)mhtChart.Diagram).RuntimeRotation = true;
mhtChart.Dock = DockStyle.Fill;
mhtChart.Size = new System.Drawing.Size(400, 250);
int tabPagesCount = this.xtraTabControl1.TabPages.Count - 1;
this.xtraTabControl1.TabPages[tabPagesCount].Controls.Add(mhtChart);            this.xtraTabControl1.SelectedTabPageIndex = tabPagesCount;
  

6.梯线体



说明: 1. 此控件绘图效果不错, 效率也不慢

2. 部分图例没有附代码, 绘制过程大同小异, 还有很多图例没有加上,

3. 如有技术帮助或交流请你博主联系 MSN: ziyifly34@hotmail.com; QQ: 915571300 (子逸)

4. 版权归 子逸 (博客园)所有；转载请注明出处

DevXpress控件: 第二篇--将绘图进行到底: Charter控件(附图)