[C# DevExpress] 윈폼 DevExpress ChartControl(차트컨트롤)에서 도넛(Doughnut)차트 사용방법

안녕하세요.

 

오늘은 C# DevExpress에서 기본으로 제공해주는 컨트롤인 ChartControl(차트컨트롤) 사용 방법에 대해서 알려 드리려고 합니다.

 

그 중에서도 도넛 차트(Dougnut) 차트 사용 방법을 보여 드릴게요.

 

그럼 빈 윈폼 프로젝트를 생성해 주시고 아래와 같이 ChartControl을 배치 시켜 주시기 바랍니다.

윈폼 프로젝트 생성 및 ChartControl 배치하기

위와 같이 ChartControl을 배치 하셨다면, ChartControl의 Name은 uiChart_Main으로 지어 주시고 바로 예제 코드로 넘어 가도록 하겠습니다.

예제 코드

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86

using DevExpress.Spreadsheet; using DevExpress.Utils; using DevExpress.XtraCharts; using DevExpress.XtraEditors.Repository; using DevExpress.XtraGrid.Views.Grid; using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms;   namespace DevTest {     public partial class Form1 : DevExpress.XtraEditors.XtraForm     {         public Form1()         {             InitializeComponent();               //폼 Shown 이벤트 선언             this.Shown += DevForm_Shown;         }           /// <summary>         /// 폼이 보여질 때, 일어나는 이벤트 핸들러         /// </summary>         /// <param name="sender"></param>         /// <param name="e"></param>         public void DevForm_Shown(object sender, EventArgs e)         {             InitCityChart();         }           /// <summary>         /// City 차트 설정         /// </summary>         public void InitCityChart()         {             // 도넛 차트 시리즈 생성             Series series1 = new Series("Series 1", ViewType.Doughnut);               // 시리즈 값 설정             series1.Points.Add(new SeriesPoint("Seoul", 17.0752));             series1.Points.Add(new SeriesPoint("Suwon", 9.98467));             series1.Points.Add(new SeriesPoint("Gwangju", 9.63142));             series1.Points.Add(new SeriesPoint("Busan", 9.59696));             series1.Points.Add(new SeriesPoint("Sejong", 8.511965));               // 차트에 시리즈 추가             uiChart_Main.Series.Add(series1);               // 시리즈 라벨에 구체적인 데이터 표시             series1.Label.TextPattern = "{A}: {VP:P0}";               // 시리즈 포인팅 정렬             series1.SeriesPointsSorting = SortingMode.Ascending;             series1.SeriesPointsSortingKey = SeriesPointKey.Argument;               // 시리즈 라벨 동작 설정             ((DoughnutSeriesLabel)series1.Label).Position = PieSeriesLabelPosition.TwoColumns;             ((DoughnutSeriesLabel)series1.Label).ResolveOverlappingMode = ResolveOverlappingMode.Default;             ((DoughnutSeriesLabel)series1.Label).ResolveOverlappingMinIndent = 5;               // 시리즈 유형별 옵션 조정             ((DoughnutSeriesView)series1.View).ExplodedPoints.Add(series1.Points[0]);             ((DoughnutSeriesView)series1.View).ExplodedDistancePercentage = 30;               // 다이어그램 옵션 액세스             ((SimpleDiagram)uiChart_Main.Diagram).Dimension = 2;               // 차트 Title 설정             ChartTitle chartTitle1 = new ChartTitle();             chartTitle1.Text = "도시별 인구 분포도";             uiChart_Main.Titles.Add(chartTitle1);             uiChart_Main.Legend.Visibility = DevExpress.Utils.DefaultBoolean.False;               // 차트 Dock 설정             uiChart_Main.Dock = DockStyle.Fill;         }     } }   Colored by Color Scripter

cs

실행 결과

 

위와 같이 도넛 형태의 차트가 제대로 보여지는 것을 확인하실 수 있습니다. 이로써 간단히 도넛차트 사용방법에 대해서 알아 보았습니다.

 

감사합니다.^^