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

.NET 히스토그램 차트를 사용하여 데스크톱 앱에서 데이터를 시각화하는 방법 > 온라인 스터디

본문 바로가기

ComponentOne

온라인 스터디

Winforms윈폼 .NET 히스토그램 차트를 사용하여 데스크톱 앱에서 데이터를 시각화하는 방법

페이지 정보

작성자 GrapeCity 작성일 2023-04-17 16:40 조회 227회 댓글 0건

본문

히스토그램 및 범위 지정된 히스토그램 차트(WinForms, WPF, UWP, Xamarin 및 Blazor용 ComponentOne FlexChart에서 사용 가능)는 통계 데이터의 분포와 산포를 더 유연하게 시각화할 수 있도록 해줍니다.

이 블로그에서는 .NET Windows Forms 응용 프로그램에서 누적 및 범위 지정된 히스토그램 데이터를 시각화하도록 FlexChart를 구성하는 방법을 설명합니다.

  • 히스토그램 차트란?

  • FlexChart를 사용하여 히스토그램 차트 만들기

    • 누적 히스토그램 구성
    • 범위 지정된 히스토그램 구성
    • 가우스 곡선 또는 정규 곡선 추가


히스토그램 차트란?

가장 일반적인 통계 차트 중 하나인 히스토그램은 지정된 계량형 데이터 집합의 기본 빈도 배포를 시각화합니다. 전체 데이터 집합을 정의된 간격 또는 클래스(일반적으로 빈으로 알려짐)로 그룹화/분할하여 큰 범위의 값을 빠르게 요약할 수 있습니다.

각 빈에는 해당 빈 내에 포함된 데이터 집합에서 데이터의 발생 수가 포함됩니다. 히스토그램의 빈은 차트에서 수직(또는 수평) 막대로 표시되며 막대의 높이(수평일 때 너비)는 해당 빈에 속하는 데이터 값의 빈도를 나타냅니다. 공백은 없습니다.

WinForms 막대형 차트 히스토그램

막대형 차트의 막대 높이는 항목의 실제 값을 나타내는 반면 히스토그램에서는 각 그룹에 속하는 항목의 빈도를 나타냅니다.

이는 그룹화된 빈을 포함하는 X축으로 가장 명확하게 나타납니다.


FlexChart를 사용하여 히스토그램 만들기

ComponentOne FlexChart는 다양한 유형의 차트를 시각화하는 데 사용할 수 있는 유연한 컴포넌트입니다. 대부분의 차트 작성 라이브러리는 막대형 차트를 지원하지만 데이터 서식 지정(각 빈 합산)을 개별적으로 수행해야 합니다.

F
lexChart를 사용할 경우 데이터 소스를 설정하기만 하면 적절한 빈을 자동으로 계산하고 생성하기 때문에 히스토그램을 쉽게 만들 수 있습니다.
데이터를 대신 집계합니다.

히스토그램 차트를 만드는 단계는 다음과 같습니다.

  1. FlexChart를 응용 프로그램에 추가합니다.
    이름은 flexChart1로 지정됩니다.
  2. ChartType 속성을 히스토그램으로 설정합니다.
  3. DataSource 속성을 데이터 소스로 설정합니다.
    (
    데이터 바인딩 방법에 대한 자세한 정보 확인)
  4. BindingX 속성을 X축에 표시되는 필드로 설정합니다.
  5. HistogramSeries를 만들어 FlexChart.Series 컬렉션에 추가합니다.
  6. 히스토그램 계열 개체에서 Binding 속성을 BindingX와 동일한 필드 이름으로 설정합니다.
    이 필드는 범주화되고 합산됩니다.
  7. 히스토그램 계열 개체에서 범례의 이름을 지정하고 빈 너비를 구성할 수도 있습니다.

.NET 히스토그램 차트 WinForms 만들기

코드 예시:

flexChart1.ChartType = ChartType.Histogram;
flexChart1.DataSource = GetMyData(); // replace with your data set
flexChart1.BindingX = "X";

// define histogram series object
 var histogramSeries = new C1.Win.Chart.Histogram()
{
    Binding = "X",
    Name = "Frequency",
    BinWidth = 0.2,
};

// add series to FlexChart
flexChart1.Series.Add(histogramSeries);


누적 히스토그램 구성

FlexChart를 사용해, 각 막대에서 이전 막대를 합산하는 일반 또는 누적 히스토그램을 렌더링할 수 있습니다. 누적 히스토그램을 만들려면 CumulativeMode 속성을 True로 설정해야 합니다. 많은 특수 속성과 같이 FlexChart Options API에서 찾아볼 수 있습니다.

누적 .NET 히스토그램 WinForms 구성

flexChart1.Options.HistogramCumulativeMode = true; 


범위 지정된 히스토그램 구성

히스토그램 차트의 범주는 일반적으로 수량(양적) 데이터에만 연결되어 있습니다. 하지만 일부 시나리오에서는 사용자가 히스토그램에 텍스트 기반 범주를 표시하려고 합니다.

예를 들어 나이는 '청소년', '청년', '성인', '중년' 및 '노년’과 같은 범주를 기반으로 시각화할 수 있습니다. 시간이 지남에 따라 히스토그램에서 숫자가 아닌 x축 범주화를 지원하는 데이터 시각화 도구에 대한 수요가 꾸준히 증가했습니다.

비슷한 맥락에서 FlexChart에 새로운 차트 유형인 범위 히스토그램을 도입하여 응용 프로그램에서 Excel과 유사한 차트 유형을 지원해야 하는 개발자에게 유연성을 제공합니다.

범위 지정된 .NET 히스토그램 차트 WinForms 구성

주요 차이점은 FlexChart를 로드하기 전에 범위 지정된 히스토그램을 사용하여 데이터 서식을 추가로 지정해야 할 수 있다는 것입니다. 또한 다양한 ChartType 및 계열 유형을 설정해야 합니다.

새 RangedHistogram 계열 유형에는 오버플로 빈, 언더플로 빈, 빈 모드를 포함하여 범위 지정된 히스토그램에 대해 고유한 기능을 활성화하는 새 속성이 있습니다.

  • 오버플로 빈 - FlexChart는 사용자가 설정한 값보다 높은 값에 대한 빈을 자동으로 생성합니다.

  • 언더플로 빈 - FlexChart는 설정된 값보다 낮은 값에 대해 빈을 자동으로 생성합니다.

  • 빈 모드 - 아래 옵션에서 사용되는 빈 생성 전략을 결정합니다.

    • 자동 - 기본 동작이며, FlexChart는 빈을 대신 계산합니다.

    • 빈 너비 - 각 빈은 지정한 숫자 값 범위를 기반으로 합니다.
    • 빈 개수 - 데이터는 지정한 빈의 개수로 분할됩니다.

코드 예시:

flexChart1.ChartType = ChartType.RangedHistogram;

var rangedHistoSeries = new C1.Win.Chart.RangedHistogram()
{
    Binding = "Age",
    BinWidth = 10,
    BinMode = HistogramBinning.BinWidth,
    OverflowBin = 100,
    UnderflowBin = 0,
};
this.flexChart1.Series.Add(rangedHistoSeries);

이 코드는 왼쪽 그림과 유사한 범위 지정된 히스토그램을 생성합니다. 오른쪽에 있는 것과 같은 범위 지정된 히스토그램을 생성하려면 "어린이" 및 "성인"과 같은 명명된 그룹을 포함하는 데이터 집합이 필요합니다.

이러한 값으로 서식이 지정되고 그룹화된 데이터 집합을 사용하여 BindingX 속성을 축 레이블이 포함된 데이터 집합의 사용자 정의 필드로 설정합니다.

범위 지정된 히스토그램 차트에 대해 자세히 알아보려면 문서를 확인해 주세요.


가우스 곡선 또는 정규 곡선 추가

히스토그램 데이터는 일반적으로 그룹의 통계를 시각화하며 이를 정규 종형 곡선과 비교하는 경우가 많습니다. 가우스 곡선은 정규 곡선이라고도 하는 종 모양의 곡선으로, 연속형 무작위 변수의 확률 분포를 나타냅니다.

FlexChart는 시각화를 돕기 위해 표시할 수 있는 기본 제공 정규 가우스 곡선을 지원합니다. 히스토그램 계열 개체에 NormalCurve.Visible을 설정하기만 하면 됩니다.

// Create a normal curve or gaussian curve
histogramSeries.NormalCurve.Visible = true;

가우스 곡선 또는 정규 곡선 .NET 히스토그램 차트 WinForms 추가


 


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

c1.png

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

댓글목록

등록된 댓글이 없습니다.

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

태그1

인기글

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