! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

[WinForms] 차트 유형 소개 및 차트 생성하기 > 온라인 스터디

본문 바로가기

Spread.NET

온라인 스터디

7. 데이터 시각화 [WinForms] 차트 유형 소개 및 차트 생성하기

페이지 정보

작성자 GrapeCity 작성일 2021-10-27 10:01 조회 1,978회 댓글 0건

본문

데이터를 시각화하는 또 다른 방식은 차트를 사용하는 것입니다. 차트에는 세 가지 주요 구성요소가 있습니다.

  • Label Area: 레이블에는 플롯 제목과 축 제목이 포함됩니다.

  • Legend Area: 각 데이터 시리즈에 대한 식별자가 포함됩니다.

  • Plot Area: 플롯 영역은 데이터 포인트(막대, 점, 선)가 그려지는 영역입니다. 플롯에는 그리드 라인, 눈금표시, 줄무늬 등 여러 그래픽 요소가 포함됩니다.


 



차트 유형

Spread.NET에서는 19가지 차트 유형과 다양한 종류의 차트를 제공하고 있습니다. 아래 내용에서 각종 차트를 확인해보세요.


세로막대형

  • 묶은 세로막대형, 누적 세로막대형, 100% 기준 누적 세로막대형, 고저 세로막대형

    (Clustered Column, Stacked Column, 100% Stacked Column, High Low Column)

  • 3차원 묶은 세로막대형,3차원 누적 세로막대형,3차원 100% 기준 누적 세로막대형,3차원 세로막대형,3차원 고저 세로막대형

    (3D Clustered Column, 3D Stacked Column, 100% 3D Stacked Column, 3D Column, 3D High Low Column)

  • 묶은 원통형, 누적 원통형, 3차원 100% 누적 기준 원통형, 3차원 원통형, 고저 원통형

    (Clustered Cylinder, Stacked Cylinder, 100% Stacked Cylinder, 3D Cylinder, High Low Column Cylinder)

  • 묶은 원뿔형, 누적 원뿔형, 100% 누적 기준 원뿔형, 3차원 원뿔형, 고저 원뿔형

    (Clustered Full Cone, Stacked Full Cone, 100% Stacked Full Cone, 3D Full Cone, High Low Column Full Cone)

  • 묶은 피라미드형, 누적 피라미드형, 100% 기준 누적 피라미드형, 3차원 피라미드형, 고저 피라미드형

    (Clustered Full Pyramid, Stacked Full Pyramid, 100% Stacked Full Pyramid, 3D Pyramid, High Low Column Pyramid)


 


꺾은선형

  • 꺾은선형,누적 꺾은선형,100% 기준 누적 꺾은선형

    (Line, Stacked Line, 100% Stacked Line)

  • 표식이 있는 꺾은선형,표식이 있는 누적 꺾은선형,표식이 있는 100% 기준 누적 꺾은선형

    (Line with Markers, Stacked Line with Markers, 100% Stacked Line with Markers)

  • 3차원 꺾은선형

    (3D Line)


 

원형

  • 2차원 원형,분리된 원형

    (2D Pie, 2D Exploded Pie)

  • 3차원 원형,3차원 분리된 원형

    (3D Pie, 3D Exploded Pie)


 

가로막대형

  • 묶은 가로막대형,누적 가로막대형,100% 기준 누적 가로막대형,고저 가로막대형

    (Clustered Bar, Stacked Bar, 100% Stacked Bar, High Low Bar)

  • 3차원 묶은 가로막대형,3차원 누적 가로막대형,3차원 100% 기준 누적 가로막대형,3차원 고저 가로막대형

    (3D Clustered Bar , 3D Stacked Bar, 100% 3D Stacked Bar, 3D High Low Bar)

  • 묶은 원통형(가로), 누적 원통형(가로), 100% 누적 기준 원통형(가로), 고저 원통형(가로)

    (Clustered Horizontal Cylinder, Stacked Horizontal Cylinder, 100% Stacked Horizontal Cylinder, High Low Bar Cylinder)

  • 묶은 원뿔형(가로), 누적 원뿔형(가로), 100% 누적 기준 원뿔형(가로), 고저 원뿔형(가로)

    (Clustered Horizontal Full Cone, Stacked Horizontal Full Cone, 100% Stacked Horizontal, High Low Bar Full Cone)

  • 묶은 피라미드형(가로), 누적 피라미드형(가로), 100% 기준 누적 피라미드형(가로), 고저 피라미드형(가로)

    (Clustered Horizontal Full Pyramid, Stacked Horizontal Full Pyramid, 100% Stacked Horizontal, High Low Bar Pyramid)


 

영역형

  • 영역형,누적 영역형,100% 기준 누적 영역형,고저 영역형

    (Area, Stacked Area, 100% Stacked Area, High Low Area, 3D Area, 3D Stacked Area)

  • 3차원 영역형,3차원 누적 영역형,3차원 100% 기준 누적 영역형,3차원 고저 영역형

    (100% 3D Stacked Area, 3D High Low Area)


 

XY(분산형)

  • 표식이 있는 분산형, 직선이 있는 분산형, 직선과 표식이 있는 분산형

    (XY Point, XY Line, XY Line with Marker)


 

거품형

  • 2차원 거품형, 3차원 거품형

    (2D Bubble, 3D Bubble)


 

주식형

  • 고가-저가-종가, 시가-고가-저가-종가, 시가-고가-저가-촛불형 종가

    (High Low Close, Open High Low Close, Candle Stick.)


 

표면형

  • 직선이 있는 표면형,직선과 표식이 있는 표면형,표식만 있는 표면형

    (XYZ Line, XYZ Line with Marker, XYZ Point)

  • 3차원 표면형

    (Surface)


 

도넛형

  • 도넛형, 분리된 도넛형

    (Doughnut, Exploded Doughnut)


 

방사형

  • 직선과 표식이 있는 방사형,표식만 있는 방사형, 채워진 방사형

    (Radar Line, Radar Line with Marker, Radar Point, Radar Area.)


 

극좌표형

  • 극좌표형,직선과 표식이 있는 극좌표형,표식이 있는 극좌표형,채워진 극좌표형

    (Polar Line, Polar Line with Marker, Polar Point, Polar Area)


 

기타

앞서 살펴본 기본 차트 외에도 트리맵(Treemap), 선버스트(Sunburst), 히스토그램(Histogram), 파레토 차트(Pareto Chart), 박스 위스커(Box Whisker), 워터폴(Waterfall), 깔대기형 차트(Funnel)도 사용 가능합니다.



 

차트 생성하기

코드나 스프레드 디자이너, 또는 비주얼 스튜디오 디자인 보기를 통해 시트에 차트 컨트롤을 추가할 수 있습니다. 또한 사용자로 하여금 차트 사이즈나, 차트에 사용되는 데이터의 영역을 재조정하는 것을 허용할 수 있습니다. 다음 예시에서는 셀에 데이터를 추가한 후 가로 막대 차트(Bar Chart)를 생성하고 있습니다.

  1. 먼저, 도구상자에서 fpSpread 컴포넌트를 선택하여 Form으로 가져옵니다. Spread-우클릭-속성에서 Dock 속성을 Fill로 선택하면 아래 이미지처럼 스프레드시트가 폼 사이즈에 맞게 설정됩니다.



  2. [A1:D7]에 데이터를 삽입합니다. 각 셀의 Cells.Value 속성에 적절한 값을 입력합니다.


    SheetView sheet = fpSpread1.ActiveSheet;
    ​
    // 계열 (열 이름)
    sheet.Cells[0, 1].Value = "c1";
    sheet.Cells[0, 2].Value = "c2";
    sheet.Cells[0, 3].Value = "c3";
    ​
    // 범주 (행 이름)
    sheet.Cells[1, 0].Value = "s1";
    sheet.Cells[2, 0].Value = "s2";
    sheet.Cells[3, 0].Value = "s3";
    sheet.Cells[4, 0].Value = "s4";
    sheet.Cells[5, 0].Value = "s5";
    sheet.Cells[6, 0].Value = "s6";
    ​
    //데이터 입력
    sheet.Cells[1, 1].Value = 1;
    sheet.Cells[2, 1].Value = 2;
    sheet.Cells[3, 1].Value = 3;
    sheet.Cells[4, 1].Value = 4;
    sheet.Cells[5, 1].Value = 5;
    sheet.Cells[6, 1].Value = 6;
    sheet.Cells[1, 2].Value = 7;
    sheet.Cells[2, 2].Value = 8;
    sheet.Cells[3, 2].Value = 9;
    sheet.Cells[4, 2].Value = 10;
    sheet.Cells[5, 2].Value = 11;
    sheet.Cells[6, 2].Value = 12;
    sheet.Cells[1, 3].Value = 13;
    sheet.Cells[2, 3].Value = 14;
    sheet.Cells[3, 3].Value = 15;
    sheet.Cells[4, 3].Value = 16;
    sheet.Cells[5, 3].Value = 17;
    sheet.Cells[6, 3].Value = 18;


  3. SheetView.AddChart 메소드를 사용하여 시트에 차트를 추가합니다. 예시에서 사용한 AddChart의 인자는 다음과 같으며, 이 밖에도 5개의 오버로드 된 AddChart 메소드가 있습니다.

    • CellRange cellRange: 차트에서 사용된 데이터 영역

    • Type seriesType: 계열 형식

    • int width: 차트 너비

    • int height: 차트 높이

    • int x: 차트 좌상단 x 좌표

    • int y: 차트 좌상단 y 좌표

    • ChartViewType viewType: 보기 형식

    • bool showLegend: 범례 표시 여부

    // 차트 추가할 셀 범위 설정
    CellRange range = new CellRange(0, 0, 7, 4);
    ​
    // 차트 추가
    // 가로막대 계열 차트, 가로 세로 400*300, 시작 좌표(0,0), 3D 보기형식, 범례 미표시
    fpSpread1.ActiveSheet.AddChart(range, typeof(BarSeries), 400, 300, 0, 0, ChartViewType.View3D, false);



  4. 실행 환경에서 차트 이동, 차트 종류 변경, 행/열 전환, 차트에 사용될 데이터 영역 재설정 등이 가능합니다.


     

샘플 코드를 참고하여 기능을 테스트해보시길 바랍니다. 

BarChart - 샘플 다운로드




지금 바로 Spread.NET을 다운로드하여 직접 테스트해보세요!

spnet.png


  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

태그1

인기글

더보기
  • 인기 게시물이 없습니다.
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.