DevExpress는 차트를 쉽게 생성할 수 있는 컴포넌트를 제공한다.
2D, 3D 등 다양한 형태의 차트를 지원하는데, 차트 컴포넌트의 구조와 요소에 대해 파악하고 있다면 쉽게 사용할 수 있다.
우선 차트 기본 용어부터 알아보자.
Series (시리즈)
시리즈는 차트에서 표시되는 데이터의 집합을 의미한다. 하나의 차트에는 여러 개의 시리즈가 존재할 수 있으며, 각 시리즈는 그래프 상에 다른 색상이나 스타일로 나타나게 된다. 예를 들어, 막대 그래프에서 각 막대는 하나의 시리즈를 나타낸다. 시리즈는 데이터 포인트의 모음이며, 이 데이터 포인트들이 차트 상에 어떻게 표시되는지를 결정한다.
Diagram (다이어그램)
다이어그램은 차트의 기본적인 구조를 나타내며, 데이터가 어떻게 표시될지 결정한다. 다이어그램은 차트의 유형에 따라 다양한 형태를 가질 수 있다. 예를 들어, 막대 그래프의 경우에는 각 막대가 가로축과 수직축에 대해 어떤 위치에 표시될지를 결정한다. 다이어그램은 축, 눈금, 레이블 등의 요소를 포함하며, 데이터의 분포를 시각화하는데 중요한 역할을 한다.
Annotations (주석)
주석은 차트의 특정 데이터 포인트나 영역에 대한 추가 정보를 제공하는 요소이다. 주석은 텍스트, 선, 모양 등의 형태로 나타날 수 있으며, 데이터에 대한 설명이나 특정 사건을 강조하는 데 사용될 수 있다. 예를 들어, 특정 데이터 포인트가 이상치인 경우, 해당 데이터 포인트를 강조하기 위해 주석을 사용할 수 있다.
Legend (범례)
범례는 차트에서 어떤 시리즈가 어떤 데이터를 나타내는지를 설명해주는 역할을 한다. 여러 시리즈가 한 차트에 표시될 때, 각 시리즈에 대한 설명이나 식별을 도와주는 역할을 한다. 범례는 각 시리즈의 색상 또는 스타일과 해당 시리즈에 대한 레이블을 포함한다.
이제 DevExpress가 제공하는 차트 컴포넌트의 구조와 요소에 대해서 알아보자.
Simple (Pie, Donut and Funnel) Diagram
XY (Cartesian) Diagram
데카르트 좌표계를 의미
추가적으로 알아야 하는 용어들에 대해 설명하자면, 다음과 같다.
Panes (패널)
패널은 차트의 전체 영역을 여러 부분으로 나눈 것. 주로 복잡한 차트나 다양한 데이터 시리즈를 함께 표시할 때 사용. 각 패널은 다른 축 또는 데이터 시리즈를 가질 수 있으며, 각각의 데이터를 독립적으로 표현할 수 있도록 도와준다. 패널은 차트를 조직화하고 다중 시리즈를 관리하는 데 도움을 준다.
Axis (축)
축은 데이터의 값 범위를 표현하는 선. 주로 가로축(수평축)과 세로축(수직축)이 있으며, 데이터 값의 범위를 그래프의 크기에 맞게 매핑. 축은 데이터를 시각화할 때 데이터가 어떤 값 범위에서 어떻게 분포되는지를 보여준다. 축은 눈금, 레이블 및 축의 스케일을 정의하는데 사용된다.
Tickmarks (눈금)
눈금은 축 위에 표시되는 작은 마크로, 데이터의 값을 축 상에 시각적으로 나타낸다. 주로 축 위에 일정한 간격으로 배치되며, 데이터 포인트의 위치를 나타내는 역할을 한다. 눈금은 축의 스케일을 이해하고 데이터를 해석하는 데 도움을 준다. 또한 눈금을 기준으로 레이블이 표시되기도 한다.
Strips (스트립스)
스트립스는 차트 영역 내에서 배경 색상이나 패턴을 사용하여 특정 영역을 강조하는 데 사용되는 요소. 예를 들어, 특정 시간 범위나 이벤트에 대한 시각적 강조 효과를 주는 데 활용된다.
Grid Lines (그리드 라인)
그리드 라인은 가로축과 세로축에 평행한 수평 및 수직 선들로, 차트의 데이터 포인트를 더 쉽게 읽고 비교할 수 있게 도와준다. 주로 눈금과 함께 사용되며, 데이터의 위치 및 값에 대한 시각적인 지표 역할을 한다.
Constant Lines (고정선)
고정선은 특정한 값이나 기준을 표시하기 위해 사용된다. 주로 차트의 축 위에 수평 또는 수직으로 그려진다. 예를 들어, 평균값이나 임계치를 표시하는 데 활용된다.
Scale Breaks (스케일 브레이크)
스케일 브레이크는 축 상에 큰 값의 변화가 있을 때, 중간에 공백을 두고 축을 표현하는 데 사용된다. 이로써 축의 일정 부분이 누락되지 않게 하고, 데이터의 분포를 더 잘 시각화할 수 있다.
Regression Lines (회귀선)
회귀선은 데이터 포인트들 사이의 추세를 나타내는 선. 주로 산점도(Scatter Plot) 차트에서 사용되며, 데이터의 경향성이나 상관 관계를 보여주는 역할을 한다.
Trend Lines (트렌드 라인)
트렌드 라인은 시계열 데이터의 경향성이나 패턴을 나타내는 선. 주로 선 그래프나 차트에서 사용되며, 데이터의 장기적인 변화나 추이를 보여주는 역할을 한다.
Moving Averages (이동 평균)
이동 평균은 일련의 데이터 포인트들을 일정한 구간 내에서 평균을 계산하여 부드러운 곡선을 생성하는 기법이다. 주로 변동성을 줄이고 장기적인 추세를 확인하는 데 활용된다.
Fibonacci Indicators (피보나치 지표)
피보나치 지표는 주식 시장 분석에서 사용되며, 가격 움직임의 잠재적인 지원선과 저항선을 예측하는 데 사용된다. 주로 주가 차트에서 사용되며, 피보나치 수열에 기반한 수준을 나타낸다.
Oscillators (오실레이터)
오실레이터는 주식 시장 분석에서 주가의 상대적인 강도나 빠른 변동성을 측정하는 기술적 지표. 주식 차트에 추가적인 정보를 제공하며, 매수와 매도 신호를 파악하는 데 도움을 준다.
Radar and Polar Diagrams
차트의 구조와 요소, 용어에 대해서 이해하고 있다면 무리없이 코드를 이해할 수 있고, 차트 컴포넌트를 활용할 수 있다.
출처
Chart Element Hierarchy | WinForms Controls | DevExpress Documentation
This document briefly describes basic Chart Control hierarchy, lists the general elements of a chart, and provides links to more detailed related topics. The available chart elements differ for different diagram types. And the diagram type in its turn is d
docs.devexpress.com
'Skills > DevExpress' 카테고리의 다른 글
| Javascript 함수를 사용해서 컴포넌트 보이고 숨기게 만들기 (0) | 2023.11.09 |
|---|---|
| [Error] Uncaught ReferenceError: ~~~ is not defined (0) | 2023.11.09 |
| [Error] A primary key field specified using the KeyFieldName property is not found (0) | 2023.09.20 |
| ASPxCallback.JSProperties 속성 (0) | 2023.09.17 |
| SeriesLabelBase.TextPattern Property 텍스트 패턴 속성 (0) | 2023.08.29 |
