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


안녕하세요.

 

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

 

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


 

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


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



위와 같이 ChartControl을 배치 하셨다면, ChartControlNameuiChart_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


실행 결과



 

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

 

감사합니다.^^


728x90

이 글을 공유하기

댓글

Designed by JB FACTORY