1. 程式人生 > >Winform & Devexpress Chart使用入門

Winform & Devexpress Chart使用入門

pan per tco set 入門 使用入門 使用 屬於 fonts

一、Chart(Winform)

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

技術分享

圖1:柱形圖

從圖1可以中內容,可以對Chart控件的組成有了一個簡單的了解。 1.圖表區域(ChartArea)
從圖1中可以看出數據點、XY軸都是屬於ChartArea的,這裏是主要數據展示的區域。 2.XY軸(AxisX、AxisY) XY軸的作用不用多說,具體的設置可以參考Demo中的代碼。 3.數據點(Series) 圓餅圖、散點圖、柱形圖等等都是由Series的屬性設置的。 4.標題(Title)、圖例(Legend) 這個作用不多說了,主要是進行一些相關屬性的設置。 上點代碼:
 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的類似,但是更為靈活

技術分享

具體代碼可以單擊下載。

Winform & Devexpress Chart使用入門