Winform & Devexpress Chart使用入門

    一、Chart(Winform)

           使用圖表控制項(chart)首先要理解圖表區域(ChartArea)、XY軸(AxisX、AxisY)、數據點(Series)、標題(Title)、圖例(Legend)這幾個之間的層次關係。

                                                                                                      圖1：柱形圖

 1         /// <summary>
 2         /// 餅圖
 3         /// </summary>
 4         private void ChartPie()
 5         {
 6             //ChartArea
 7             ChartArea chartArea = new ChartArea()
 8             {
 9                 Name = "PieArea",
10                 BorderWidth = 0,
11                 BorderDashStyle = ChartDashStyle.NotSet,
12             };
13             chartBar.ChartAreas.Clear();
14             chartBar.ChartAreas.Add(chartArea);
15             //Series
16             Series seriesBookA = new Series()
17             {
18                 ChartArea = "PieArea",
19                 Name = "書籍A銷量",
20                 Color = Color.Red,
21                 Legend = "LegendBook",
22                 Tag = "BookASaleCount",
23                 ChartType = SeriesChartType.Pie,
24                 XAxisType = AxisType.Primary,
25                 XValueType = ChartValueType.DateTime,
26                 IsValueShownAsLabel = true,
27                 Label = "#VALY(#PERCENT{P0})",
28             };
29             chartBar.Series.Clear();
30             chartBar.Series.Add(seriesBookA);
31             //Point
32             double[] value = { 580 };
33             DataPoint dataPoint = new DataPoint()
34             {
35                 Name = "書籍A銷售量",
36                 Color = Color.Red,
37                 YValues = value,
38                 LegendText = "書籍A銷售量:" + value[0],
39             };
40             if (chartBar.Series.Count > 0)
41             {
42                 chartBar.Series[0].Points.Clear();
43                 chartBar.Series[0].Points.Add(dataPoint);
44                 value = new double[] { 700 };
45                 chartBar.Series[0].Points.Add(new DataPoint()
46                 {
47                     Name = "書籍B銷售量",
48                     Color = Color.Blue,
49                     YValues = value,
50                     LegendText = "書籍B銷售量:" + value[0],
51                 });
52                 value = new double[] { 300 };
53                 chartBar.Series[0].Points.Add(new DataPoint()
54                 {
55                     Name = "書籍C銷售量",
56                     Color = Color.Pink,
57                     YValues = value,
58                     LegendText = "書籍C銷售量:" + value[0],
59                 });
60             }
61             //Title
62             Title mainTitle = new Title()
63             {
64                 Name = "MainTitle",
65                 Text = "書籍銷量",
66                 Font = new Font("微軟雅黑", 12, FontStyle.Regular, GraphicsUnit.Pixel),
67                 ForeColor = Color.Blue,
68                 Docking = Docking.Top,
69                 IsDockedInsideChartArea = true,
70             };
71             chartBar.Titles.Clear();
72             chartBar.Titles.Add(mainTitle);
73             //Legend
74             Legend legend = new Legend()
75             {
76                 Name = "LegendBook",
77                 LegendStyle = LegendStyle.Table,
78                 Docking = Docking.Bottom,
79             };
80             chartBar.Legends.Clear();
81             chartBar.Legends.Add(legend);
82         }

二、ChartControl(Devexpress)

Dev的ChartControl用法和 Winform的類似，但是更為靈活

     具體代碼可以單擊下載。