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

逃离我推掉我的手 2022-08-27 00:27 140阅读 0赞

一. 2D

1. 散点图

![2008102209043213.gif][]

\[c-sharp\]  [view plain][] [copy][view plain] [print][view plain] [?][view plain]

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

2. 折线图

![2008102209064693.gif][]

Code:

![复制代码][copycode.gif]

[c-sharp] view plain copy print ? 
       
        折线图--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;

![复制代码][copycode.gif]

3. 柱状图

![2008102209100121.gif][]

4. 饼图

![2008102209105398.gif][]

5. 任务进度图

![2008102209131358.gif][]

Code:

![复制代码][copycode.gif]

[c-sharp] view plain copy print ? 
       
        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;

![复制代码][copycode.gif]

二. 3D

1. 堆叠立柱体

![2008102209150031.gif][]

Code:

![复制代码][copycode.gif]

[c-sharp] view plain copy print ? 
       
        堆叠立柱体--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;

![复制代码][copycode.gif]

2. 饼形3D图

![2008102209211420.gif][]

3. 分层区图

![2008102209215030.gif][]

4. 堆叠区图

![2008102209225966.gif][]

5. 曼哈顿三维

![2008102209240727.gif][]

Code:

![复制代码][copycode.gif]

[c-sharp] view plain copy print ? 
       
        曼哈顿三维--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;

![复制代码][copycode.gif]

6.梯线体

![2008102212383693.gif][]

[2008102209043213.gif]: /images/20220824/86518c28e51a49a9b87a325beb5d7b54.png
[view plain]: http://blog.csdn.net/xueer8835/article/details/6047380#
[2008102209064693.gif]: /images/20220824/cf53ee87c956451dbbd2b3ba2494827d.png
[copycode.gif]: /images/20220824/26bb5942ccd84a7685b6235641ebb2cc.png
[2008102209100121.gif]: /images/20220824/d81d0d3ad0c1455aa32f0993977489aa.png
[2008102209105398.gif]: /images/20220824/cd7da23f733d4625b349f8026c20697f.png
[2008102209131358.gif]: /images/20220824/dde3e91173bd4db9a74a9aa6c8eee3fd.png
[2008102209150031.gif]: /images/20220824/42cffaf763fd4b2eac9b5b92ff701762.png
[2008102209211420.gif]: /images/20220824/0071f6edf3cf463caa2453f5aa978976.png
[2008102209215030.gif]: /images/20220824/1a11658b8b4044edb74a4999b46104c5.png
[2008102209225966.gif]: /images/20220824/eb6da3afb17048f584ff7a309316bff8.png
[2008102209240727.gif]: /images/20220824/1284bfb428ec49fdb4c55fbadecc3ffa.png
[2008102212383693.gif]: /images/20220824/acb28982c695467aaf468ee73681a81d.png