ComponentOne FlexChart | .NET 차트 컨트롤

ComponentOne

왜 FlexChart를 선택해야 할까요?

막대 차트 유형

세로 막대형 차트

수직 방향의 막대형 차트입니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor

ASP.NET MVC 데모
누적 세로 막대형 차트

세로 막대형 차트에 데이터 요소를 누적 표시합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor

ASP.NET MVC 데모
100% 기준 누적 세로 막대형 차트

각 값이 총계에 기여하는 백분율을 비교합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor

ASP.NET MVC 데모
가로 막대형 차트

기본 가로 막대형 차트에서 시간 경과에 따라 여러 데이터 계열을 비교합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor

ASP.NET MVC 데모
플로팅(Floating) 막대형 차트

각 열 또는 막대에 대해 최소값과 최대값의 두 값을 표시합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Blazor
나비형 차트

날개형 막대 차트 또는 나비형 차트라고도 하는 토네이도형 차트는 막대형 차트의 변형으로, 가로 막대가 수직 방향으로 누적되는 형식으로 데이터 값 집합 두 개를 비교합니다.

도움말: WinForms | WPF

라인 및 영역 차트

라인 차트

장단기 데이터의 변화를 표시합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor
꺾은 선형 차트

단기간 및 장기간에 걸친 데이터 변화를 기본 꺾은선형 차트로 표시합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor
단계 차트

특정 지점의 변경 사항을 시각화합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin
스플라인 차트

데이터 요소를 연결하고 숫자, 범주, 날짜/시간 또는 로그 축을 사용하여 데이터를 그립니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor
영역 차트

유사 범주의 추세를 나타냅니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor
범위 영역 차트

지정된 시간 동안 데이터 값의 변화를 표시합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC

분산형 차트

분산형 차트

X축을 따라 한 개의 숫자 데이터 집합을 보여주고 Y축을 따라 다른 한 개의 숫자 데이터를 보여주는 분산형 차트로, 데이터 요소 간 상관 관계를 나타냅니다. 분산형 차트는 이러한 값을 단일 데이터 요소로 결합하여 균일하지 않은 간격 또는 클러스터로 표시합니다.

ASP.NET MVC 데모

거품형 차트

거품형 차트로 풍부하고 시각적으로 눈길을 끄는 데이터 모델링 및 재무 차트를 생성합니다. 이 차트 유형을 사용하여 차트 공간에서 데이터 계열을 크기가 다양한 일련의 기호로 표시할 수 있습니다.

ASP.NET MVC 데모

재무 차트 유형

원통형 차트

재무 데이터를 원통형 차트로 시각화합니다. 이 차트의 계열에는 날짜별 시가, 종가, 최고가 및 최저가가 표시됩니다. 세로 막대가 그날의 최고가와 최저가를 채웁니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor

ASP.NET MVC 데모
HLOC 차트

고가/저가/시초가/종가를 뜻하는 HLOC는 시간 경과에 따른 금융 상품의 가격 변동을 표시합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor

ASP.NET MVC 데모
더 보기

ComponentOne Enterprise에는 9가지의 특수 재무 차트가 포함된 FinancialChart 컨트롤이 있습니다.

자세히 보기

원형 및 선버스트 차트

원형 차트

원형 차트는 전체를 이루는 각 부분이 최대 100%까지 누적되는 양상을 보여 줍니다. 기능은 다음과 같습니다.
- 조각 분해
- 원형 조각 선택
- 원형 회전
- 데이터 위치 지정을 위한 데이터 레이블
도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor

ASP.NET MVC 데모
선버스트 도넛형 차트

내부 반경을 설정하여 선버스트 도넛형 차트 생성합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor

ASP.NET MVC 데모
다중 원형 차트

동일한 데이터 소스를 사용하여 여러 원형 차트 시리즈를 만들어 단일 차트에서 더 많은 데이터를 시각화합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC

방사형 & 극좌표형 차트

방사형 차트

임의 개수의 변수가 포함된 다변량 관찰을 표시합니다.
* Xamarin에서는 사용할 수 없습니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Blazor

ASP.NET MVC 데모
방사형 세로 막대 차트

방사형 세로 막대로 변동을 방사형으로 표시합니다.
* Xamarin에서는 사용할 수 없습니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Blazor

ASP.NET MVC 데모
극좌표형 기호 차트

사용자 정의 이미지를 추가하여 극좌표형 차트에서 데이터 요소를 표시합니다.
* Xamarin에서는 사용할 수 없습니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Blazor

ASP.NET MVC 데모

특수 차트

오차 막대

데이터의 변동성을 표시하여 측정의 오류 또는 불확실성을 나타냅니다.
* Xamarin에서는 사용할 수 없습니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Blazor
상자 수염

사분위수, 평균, 중앙값 및 이상치를 통해 숫자 데이터 그룹을 그래픽으로 보여줍니다.
* Xamarin에서는 사용할 수 없습니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Blazor
히스토그램

다이어그램은 영역이 변수의 빈도에 비례하고 너비가 클래스 간격과 동일한 직사각형으로 구성됩니다.
* WinForms, WPF, UWP, Xamarin에서 사용 가능합니다.

도움말: WinForms | WPF | UWP | Xamarin | Blazor
폭포

일련의 변화를 통해 차트 시작 위치가 변동하는 모습을 보여줍니다.
* Xamarin에서는 사용할 수 없습니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC
손익분기점

손익분기점 차트는 총 비용과 총 소득이 동등한 지점을 시각화하는 데 도움이 됩니다.

도움말: WinForms | WPF | ASP.NET MVC | Blazor
간트

WinForms, WPF, UWP, ASP.NET MVC에서 샘플로 제공됩니다.

도움말: WinForms | WPF | ASP.NET MVC | Blazor
사각 깔때기형

다르게 보이도록 깔때기의 가장자리를 직각으로 표시합니다.
* Xamarin에서는 사용할 수 없습니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Blazor
트리맵

상대 수량과 함께 계층적 정보를 표시합니다. 사용자 정의 노드 색상을 포함합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Blazor
열 지도

이 특수 차트는 색을 사용하여 데이터 값을 나타내며, 크고 복잡한 데이터를 그리는 데 특히 유용합니다. 사용자 정의에는 그라데이션 색조, 그라데이션 색 축, 불연속 색조 등이 포함됩니다.
* WinForms 및 WPF에서 사용 가능합니다.

도움말: WinForms | WPF

고성능 렌더링

고성능을 위해 FlexChart Direct2D(DirectX) 렌더링을 사용하여 선형 및 분산형과 같은 특정 유형의 차트를 그릴 수 있습니다. WinForms 및 WPF에서 사용 가능합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC

상호 작용

확대/축소 & 이동

확대/축소 모드로 데이터를 더 자세히 살펴보거나 이동 모드를 이용해 더 멀리서 바라봅니다. 핀치 제스처, 마우스 휠 또는 두 번 클릭을 사용하여 확대/축소합니다. 이동 제스처를 사용해 차트 영역을 드래그하여 표시 범위를 변경합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin

ASP.NET MVC 데모
라인 표식

표식을 사용하여 차트에서 특정 요소에 관한 정보를 보여 줍니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor

ASP.NET MVC 데모
선택 & Hit-Test

단일 데이터 포인트 또는 전체 데이터 계열을 선택합니다. 차트 상호 작용에 터치를 활성화합니다. Hit-Test는 가장 가까운 데이터 포인트를 찾는 데에 도움이 됩니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor

스타일

색상 팔레트

자신만의 팔레트를 사용자 지정할 수 있습니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor
애니메이션

표식을 사용하여 차트에서 특정 요소에 관한 정보를 보여 줍니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Blazor

ASP.NET MVC 데모
선택 & Hit-Test

눈금선으로 차트의 가독성을 높입니다.

도움말: WinForms | WPF | UWP | Xamarin | Blazor

자세히 보기

축

스케일링 & 스크롤링

X축과 Y축에 축 스크롤 막대를 추가할 수 있으므로 사용자가 동시에 스크롤하고 축을 확장하여 데이터를 더 잘 시각화할 수 있습니다.

도움말: WinForms | WPF | UWP | Blazor

자세히 보기
축 그룹화

축 레이블에서 계층 구조 그룹을 표시하여 차트 가독성을 높입니다.
* WinForms, WPF 및 UWP에서 사용 가능합니다.

도움말: WinForms | WPF | UWP

자세히 보기
원점 & 위치 설명

위치 속성을 사용하여 차트 축의 위치를 변경합니다.

도움말: WinForms | WPF | UWP | ASP.Net MVC | Xamarin | Blazor

자세히 보기

범례

범례 그룹화

범례는 색상, 기호, 데이터 계열 간의 매핑을 차트에 표시해 줍니다.
* WinForms, WPF 및 UWP에서 사용 가능합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor

자세히 보기
범례 토글

LegendToggle 속성을 사용해 FlexChart에서 범례를 토글합니다.
* WinForms, WPF 및 UWP에서 사용 가능합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor

자세히 보기
사용자 정의 범례

사용자 정의 범례 아이콘을 제공합니다.
* WinForms, WPF, UWP, Xamarin에서 사용 가능합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin

자세히 보기

추가 기능

데이터 레이블 & 툴팁

데이터 레이블이 겹치는 것을 방지하여 모든 데이터가 보이게 합니다.
* WinForms, WPF 및 UWP에서 사용 가능합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor

자세히 보기
주석

사용자 정의 표식을 차트에 다양한 모양 및 옵션으로 배치합니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC

ASP.NET MVC 데모
혼합형 차트

각 계열을 서로 다른 차트 유형으로 설정하여 무한한 혼합 차트 조합을 허용할 수 있습니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Blazor
여러 그림 영역

단일 차트 영역 내에서 다양한 계열에 대해 다양한 그림 영역을 생성합니다.
* Xamarin에서는 사용할 수 없습니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Blazor

ASP.NET MVC 데모
추세선

추세선을 사용하여 데이터의 추세를 나타내고 예측합니다.
* Xamarin에서는 사용할 수 없습니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Blazor

ASP.NET MVC 데모
범위 선택기

범위의 시작 및 종료 값을 정의하는 낮은 값 축소판 그림 및 높은 값 축소판 그림이 있는 일정 범위의 숫자 데이터를 선택합니다.
* Xamarin에서는 사용할 수 없습니다.

도움말: WinForms | WPF | UWP | ASP.NET MVC | Blazor

ASP.NET MVC 데모

.NET 차트 데모

데스크탑 데모 탐색기

모든 WinForms 및 WPF 데모는 다운로드 가능한 데스크탑 탐색기에 포함되어 있습니다. FlexChart의 모든 기능과 쇼케이스 데모를 확인해 보세요.

데스크탑 데모 탐색기 다운로드
ASP.NET MVC FlexChart 데모

브라우저에서 바로 데모를 보여 줍니다. 주요 속성을 구성하고 .NET 차트가 ASP.NET MVC 응용 프로그램에 대해 무엇을 할 수 있는지 확인하실 수 있습니다.

데모 실행
Blazor 서버 탐색기

데이터 바인딩, 주석, 애니메이션 등을 포함하여 Blazor의 모든 FlexChart 주요 기능을 살펴보십시오. WebAssembly 데모도 사용하실 수 있습니다.

데모 실행

ComponentOne Enterprise 무료 체험판

다운로드

ComponentOne Enterprise

ComponentOne Enterprise를 통해 모든 .NET 플랫폼으로 개발 범위를 확장해 보세요.

FlexChart

List of Services

왜 FlexChart를 선택해야 할까요?

크로스플랫폼 지원

80+ 차트 유형

대화형 대시보드

빠른 속도와 컴팩트한 사이즈

유연한 커스터마이징

픽셀 단위의 완벽한 렌더링

막대 차트 유형

플로팅(Floating) 막대형 차트

나비형 차트

라인 및 영역 차트

라인 차트

꺾은 선형 차트

단계 차트

스플라인 차트

영역 차트

범위 영역 차트

분산형 차트

분산형 차트

거품형 차트

재무 차트 유형

원형 및 선버스트 차트

다중 원형 차트

방사형 & 극좌표형 차트

특수 차트

오차 막대

상자 수염

히스토그램

폭포

손익분기점

간트

사각 깔때기형

트리맵

열 지도

고성능 렌더링

상호 작용

선택 & Hit-Test

스타일

색상 팔레트

축

범례

추가 기능

혼합형 차트

.NET 차트 데모

ComponentOne Enterprise 무료 체험판

ComponentOne Enterprise

Desktop

Mobile

Legacy

Data Services

Web

제품

고객 서비스

메시어스 정보

정책