Delphi, C++ Builder & .NET sgcUI에 포함

sgcCharts, Delphi, C++ Builder & .NET용 차트

대시보드, 분석, 트레이딩 화면을 위한 하나의 차트 라이브러리입니다. 선 차트부터 워터폴까지 17가지 시리즈 유형, SMA, RSI, MACD, 볼린저 지표, 실시간 피드, 확대/축소 및 그리기 도구, PNG 또는 SVG 내보내기를 제공합니다. LiveLine 데모는 링 버퍼를 통해 1,000,000 포인트를 스트리밍합니다.

VCL, FireMonkey, WinForms, WPF, Avalonia하나의 모델에 17가지 시리즈 유형LiveLine 데모: 링 버퍼에 1,000,000 포인트sgcUI Professional에 포함
체험판 다운로드 실행 영상 보기
볼린저 밴드, 이동평균, 거래량, RSI, 그리기 도구가 있는 sgcCharts 캔들스틱 차트
주요 기능

차트 라이브러리에 필요한 모든 것

일곱 개 그룹의 열여덟 가지 기능입니다. 각 항목에는 실제 컴포넌트나 속성 이름과 도움말 항목 링크가 있습니다. Registered로 표시된 기능은 무료 .NET Community 빌드에 포함되지 않습니다.

차트 유형

하나의 모델, 열일곱 가지 시리즈 유형, 데이터에 필요한 만큼의 축.

시리즈 갤러리에서 렌더링한 sgcCharts 영역 차트

차트 유형

하나의 차트 모델에 열일곱 가지 차트 유형

영업 화면에는 막대와 도넛이, 실험 화면에는 산점도와 히트맵이, 트레이딩 화면에는 캔들이 필요합니다. sgcCharts는 하나의 모델로 이 모두를 지원합니다. 모든 시리즈는 폼에 올려 놓거나 코드로 생성하는 컴포넌트이며, TsgcChart에 연결하고 다른 시리즈와 자유롭게 조합할 수 있습니다. API를 한 번만 익히면 모든 화면에서 재사용할 수 있습니다.

  • 숫자, 날짜 시간, 로그, 카테고리 축에서 선, 빠른 선, 계단형 선, 영역, 범위 영역, 막대, 산점도, 버블, 캔들스틱, OHLC
  • 카테고리 데이터를 위한 파이 및 도넛, 레이더, 히트맵, 트리맵, 깔때기형, 상자 그림, 워터폴
  • TsgcChartSeries_Bar는 세로 또는 가로 막대를 그리며, 그룹형 또는 누적형(Grouping)을 지원합니다
  • 열일곱 가지 모두 무료 .NET Community 빌드를 포함한 모든 에디션에 들어 있습니다
  • 아랍어와 히브리어를 위한 오른쪽에서 왼쪽 지원: 제목, 범례, 툴팁, 툴바, 범위 선택기가 미러링되고, MirrorPlot은 플롯과 축까지 미러링합니다
도움말 항목 읽기
영업 깔때기형 옆에 있는 sgcCharts 드릴다운 트리맵

차트 유형

비즈니스 데이터를 위한 도넛, 트리맵, 깔때기형

경영 보고서에는 비중, 계층 구조, 전환 단계가 필요합니다. 파이 시리즈는 속성 하나로 도넛이 되며, 작은 조각이 길게 이어지는 꼬리 부분은 하나의 기타 조각으로 묶어 차트를 읽기 쉽게 유지합니다. 트리맵은 값에 따라 중첩된 사각형의 크기를 정하고 클릭하면 하위 수준으로 내려가며, 깔때기형은 영업이나 지원 프로세스의 각 단계를 비율과 함께 보여 줍니다. 레이블은 조각 안쪽이나 바깥쪽에 둘 수 있고, 트리맵은 그룹별 또는 색상 스케일로 값에 따라 사각형 색을 지정합니다. 모든 시리즈가 차트 테마를 따르므로 보고서가 나머지 애플리케이션과 어울립니다.

  • InnerRadiusPercent로 도넛을 만들고, OthersThreshold와 OthersText로 작은 조각을 묶습니다
  • ExplodeOnClick은 사용자가 클릭하면 조각을 바깥으로 빼냅니다
  • DrillOnClick, DrillUp, OnDrill 이벤트를 갖춘 TsgcChartSeries_Treemap
  • NeckWidthPercent와 ProportionalHeight를 갖춘 TsgcChartSeries_Funnel
도움말 항목 읽기

차트 유형

버블, 상자 그림, 워터폴, 범위 영역

재무팀은 예산에서 실적까지의 이익 브리지를, 품질 엔지니어는 교대별 사이클 타임의 분포를, 제품 관리자는 매출, 마진, 인원을 하나의 차트에서 보고 싶어 합니다. 네 가지 시리즈가 이런 경우를 다룹니다. 버블 시리즈는 X와 Y에 크기를 더합니다. 상자 그림은 표본을 사분위수, 중앙값, 이상치로 요약합니다. 워터폴은 양수와 음수 단계로 합계를 만들며, 중간에 소계와 합계를 넣을 수 있습니다. 범위 영역은 예측 구간이나 허용 오차 범위처럼 최솟값과 최댓값 사이의 띠를 채웁니다.

  • TsgcChartSeries_Bubble은 AddBubble, MinBubbleSize, MaxBubbleSize, SizeMode를 갖추고, 면적(cbsArea) 또는 지름(cbsDiameter)으로 크기를 정합니다
  • TsgcChartSeries_BoxPlot은 최솟값, 사분위수, 중앙값, 최댓값과 선택적 평균을 그립니다. AddValues는 원본 표본에서 Excel의 QUARTILE.INC와 같은 방식으로 사분위수를 계산하고 Tukey 이상치를 찾습니다
  • TsgcChartSeries_Waterfall은 AddStep, AddSubtotal, AddTotal, ShowConnectors를 지원합니다
  • TsgcChartSeries_RangeArea는 하한과 상한 띠를 위한 AddRange를 지원합니다
  • 네 가지 모두 무료 Community 에디션을 포함한 모든 에디션에서 VCL, FireMonkey, WinForms, WPF, Avalonia와 함께 사용할 수 있습니다
도움말 항목 읽기

차트 유형

부드러운 선과 오차 막대

실험 보고서는 각 측정값을 불확실성과 함께 보여 주고, 대시보드의 추세는 지그재그보다 곡선으로 볼 때 더 잘 읽힙니다. 선, 영역, 범위 영역 시리즈에 Smooth를 설정하면 단조 3차 스플라인으로 그립니다. 곡선은 데이터를 넘어 튀지 않으므로 값에 없는 봉우리나 골짜기가 나타나지 않습니다. 오차 막대는 각 포인트의 불확실성을 선, 영역, 산점도, 막대 시리즈에 더해 주며, 고정값, 백분율, 시리즈의 표준편차, 또는 포인트별 사용자 값을 쓸 수 있습니다.

  • TsgcChartSeries_Line, TsgcChartSeries_Area, TsgcChartSeries_RangeArea의 Smooth
  • ErrorBars.Kind: cebFixed, cebPercent, cebStdDev, 또는 AddCustom을 쓰는 cebCustom
  • Direction: cedBoth, cedPlus, cedMinus, 끝 캡의 크기는 CapWidth
  • 값 축이 자동으로 넓어지므로 잘리는 오차 막대가 없습니다
  • 무료 Community 에디션을 포함한 모든 에디션에서 VCL, FireMonkey, WinForms, WPF, Avalonia와 함께 사용할 수 있습니다
도움말 항목 읽기
세 개의 별도 값 축에 그려진 세 시리즈

차트 유형

하나의 차트에 여러 축

온도와 압력, 매출과 수량, 가격과 거래량처럼 실제 데이터는 하나의 스케일을 공유하는 경우가 드뭅니다. 필요한 만큼 축을 추가하고 왼쪽, 오른쪽, 위, 아래에 배치한 다음 각 시리즈를 자신의 축 쌍에 바인딩하세요. 각 축은 고유한 유형, 범위, 레이블 형식을 선택하므로 날짜 시간 아래쪽 축을 숫자 왼쪽 축과 로그 오른쪽 축 아래에 둘 수 있습니다. 각 시리즈가 사용할 축을 지정하므로 두 선이 왼쪽 축을 공유하고 세 번째 선이 오른쪽 축을 사용할 수도 있습니다. 축은 독립적으로 확대/축소되며 ResetZoom은 전체 범위로 되돌립니다.

  • TsgcChart의 Axes 컬렉션, 스케일마다 TsgcChartAxis 하나
  • AxisType: catNumeric, catLogarithmic, catDateTime, catCategory
  • Position: capLeft, capRight, capTop, capBottom
  • 축마다 Minimum, Maximum, Automatic, LabelFormat, Inverted
도움말 항목 읽기

금융 차트

모든 에디션에서 캔들을 제공하며, 금융 팩에는 지표, 패널, 마커, 그리기 도구가 있습니다.

날짜 시간 축의 sgcCharts 캔들스틱 차트

금융 차트

선명함을 유지하는 캔들스틱 및 OHLC 차트

가격 이력은 모든 트레이딩 화면의 핵심입니다. 캔들스틱 및 OHLC 시리즈는 직접 가진 데이터나 데이터 세트에서 시가, 고가, 저가, 종가를 날짜 시간 축에 그립니다. 수년 치 막대가 좁은 창에 모이면 같은 픽셀 열에 속한 캔들을 올바른 하나의 캔들(첫 시가, 최고 고가, 최저 저가, 마지막 종가, 거래량 합계)로 합쳐서 차트에 잘못된 급등이 나타나지 않습니다. OHLC 시리즈는 같은 데이터를 시가와 종가 눈금이 있는 막대로 그리며, 긴 이력에 알맞은 간결한 선택입니다. 두 시리즈 모두 모든 차트의 확대/축소, 이동, 십자선과 함께 동작합니다.

  • TsgcChartSeries_Candlestick과 TsgcChartSeries_OHLC는 하나의 OHLC 버퍼를 공유합니다
  • TsgcChartDataSource_DataSet은 OpenField, HighField, LowField, CloseField, VolumeField를 매핑합니다
  • sgcChartDecimateOHLC에 의한 캔들의 픽셀 열 병합
  • 두 시리즈 모두 무료 .NET Community 빌드를 포함한 모든 에디션에 들어 있습니다
도움말 항목 읽기
수식을 직접 작성하지 않는 기술적 지표

금융 차트 Registered 에디션 전용

수식을 직접 작성하지 않는 기술적 지표

분석가는 가격 차트에서 이동평균, 볼린저 밴드, RSI, MACD를 기대합니다. 각 지표는 하나의 시리즈이며, Source를 캔들스틱 시리즈에 지정하면 캔들이 바뀔 때마다 다시 계산됩니다. 코딩하고 테스트하고 실시간 데이터와 동기화할 수식이 없습니다. RSI와 스토캐스틱 같은 오실레이터는 과매수와 과매도 기준선을 그리며, 모든 지표 시리즈는 고유한 색상으로 범례에 표시됩니다. 가격 패널에 올려 놓거나 각각 별도의 패널을 줄 수 있습니다.

  • 추세: TsgcChartSeries_SMA, TsgcChartSeries_EMA, TsgcChartSeries_WMA, TsgcChartSeries_Bollinger
  • 오실레이터: TsgcChartSeries_RSI, TsgcChartSeries_MACD, TsgcChartSeries_Stochastic, GuideLines 포함
  • 변동성과 거래량: TsgcChartSeries_ATR, TsgcChartSeries_VWAP, TsgcChartSeries_Volume
  • 필요할 때 Recalculate, 계산된 결과는 Values로 읽기

.NET Community 빌드에는 캔들스틱 및 OHLC 시리즈는 포함되지만 지표 시리즈는 포함되지 않습니다.

도움말 항목 읽기
패널, 마지막 값 마커, 매수 및 매도 호가 띠

금융 차트 Registered 에디션 전용

패널, 마지막 값 마커, 매수 및 매도 호가 띠

트레이딩 레이아웃은 가격, 거래량, 오실레이터를 하나의 시간 축을 공유하는 별도 패널에 쌓으므로 가격을 확대하면 아래의 모든 패널도 함께 확대됩니다. 가격 축의 마커가 최신 값을 한눈에 보여 주고, 음영 띠가 호가가 들어오는 동안 현재 매수와 매도 호가의 스프레드를 보여 줍니다. 패널 높이는 백분율이므로 레이아웃이 창에 맞게 조정되고 크기를 바꿔도 유지됩니다. 각 패널에는 Visible 속성도 있어서 사용자가 요청할 때만 지표 패널을 보여 주는 화면을 만들 수 있습니다.

  • HeightPercent를 가진 TsgcChartPane의 Panes 컬렉션, 사용자는 패널 사이의 분할선을 드래그합니다
  • 각 축은 Pane 속성으로 패널에 할당합니다
  • Color와 Visible을 갖춘 LastValueMarker
  • Bid, Ask, BidColor, AskColor를 갖춘 BidAskBand
도움말 항목 읽기

금융 차트 Registered 에디션 전용

분석가를 위한 그리기 도구

트레이더는 지지선, 추세 채널, 되돌림 수준을 차트에 직접 표시합니다. 도구를 선택하고 플롯 위에서 드래그하면 그림이 데이터 좌표에 고정되므로 사용자가 확대하거나 이동해도 올바른 캔들 위에 남아 있습니다. 그림은 코드에서도 채울 수 있고, 편집을 잠그거나 제거할 수 있는 컬렉션입니다. 선은 실선, 파선, 점선으로 고유한 색상과 두께를 지정할 수 있습니다. 그림은 일반 좌표를 가진 평범한 컬렉션이므로 사용자 작업 공간과 함께 저장했다가 다음 시작 시 다시 추가할 수 있습니다.

  • Interaction.DrawingTool: cdtTrendLine, cdtHorizontalLine, cdtVerticalLine, cdtRectangle, cdtFibonacci
  • X1, Y1, X2, Y2, Color, Dash, Locked를 갖춘 Drawings 컬렉션
  • DeleteSelectedDrawing은 사용자가 선택한 그림을 삭제합니다
  • DrawingTools 데모에서 확인할 수 있습니다
도움말 항목 읽기

주석과 편집

차트 위에서 데이터를 설명하고, 사용자가 실행 중에 차트를 조정할 수 있게 합니다.

주석과 편집

주석과 ISA-101 화면

운전원 화면에는 경보 한계선, 정상 운전 범위를 나타내는 띠, 배치가 시작된 시점의 메모가 필요합니다. 주석은 데이터 값으로 배치되므로 사용자가 확대/축소하거나 이동하거나 새 포인트가 들어와도 올바른 위치를 유지합니다. 콜아웃은 고정된 데이터 포인트를 가리키거나 실시간 시리즈의 최신 포인트를 따라갈 수 있습니다. 제어실을 위해 ApplyISA101Theme는 차트를 ISA-101 HMI 화면에서 쓰는 회색의 차분한 스타일로 바꿉니다. 색상은 비정상 상태에만 쓰이므로 우선순위 1부터 4까지의 경보 색상이 차분한 화면에서 눈에 띕니다.

  • TsgcChart의 Annotations 컬렉션, 항목마다 TsgcChartAnnotation 하나
  • Kind: cakText, cakLine, cakHorizontalLine, cakVerticalLine, cakRectangle, cakHorizontalBand, cakCallout
  • AnchorSeries와 AnchorPoint가 콜아웃을 데이터 포인트에 연결하며, 기본값 -1인 AnchorPoint는 최신 포인트를 따라갑니다
  • 주석은 테마와 Windows 고대비를 따르며, 화면 읽기 프로그램이 그 텍스트를 읽습니다
  • ApplyISA101Theme는 우선순위 1부터 4까지의 경보 색상을 유지합니다

주석과 ISA-101 프리셋은 무료 Community 에디션을 포함한 모든 에디션에서 VCL, FireMonkey, WinForms, WPF, Avalonia와 함께 사용할 수 있습니다. 프리셋은 테마와 팔레트에 설명되어 있습니다.

도움말 항목 읽기
차트 디자이너의 데이터 페이지: 차트 종류, 열 또는 행 기준 계열, 상위 N개, 원형 계열, 데이터 레이블, 총합계, 측정값마다의 콤보 계열

주석과 편집

사용자가 차트를 직접 편집

차트를 프레젠테이션에 넣기 전에 사용자는 매출 선을 회사 색상으로 바꾸고, 축 제목을 더 분명하게 고치고, 반품 시리즈를 숨기고 싶어 합니다. 런타임 차트 편집기를 쓰면 애플리케이션을 다시 빌드하지 않고도 사용자가 직접 할 수 있습니다. 한 번의 호출로 대화 상자가 열리고, 사용자는 제목, 범례, 축, 그리고 모든 시리즈의 색상, 표시 여부, 부드러운 선 처리, 호환되는 다른 시리즈 유형으로의 변경을 편집합니다.

TsgcChartTableLink로 테이블에 연결된 차트의 경우, 차트 디자이너는 같은 대화 상자에 데이터 페이지를 추가합니다. 차트 종류(묶은 세로 막대형, 누적, 100% 누적, 선, 영역, 원형, 도넛, 콤보), 열 또는 행 기준 계열, 상위 N개, 원형 계열, 형식을 지정한 데이터 레이블, 피벗의 총합계 행과 열, 콤보 차트에서 측정값마다의 계열 종류와 축을 설정합니다. 이것은 sgcPivotGrid 피벗 차트의 디자이너이며 링크가 그리는 모든 테이블에서 작동합니다. Registered 에디션 전용

  • VCL, FireMonkey, WinForms, WPF의 ShowEditor
  • Avalonia의 ShowEditorAsync
  • 제목, 범례, 축을 하나의 대화 상자에서
  • 시리즈별: 색상, 표시 여부, Smooth, 호환되는 유형 안에서의 시리즈 유형
  • Delphi의 sgcVCLShowChartDesigner와 sgcFMXShowChartDesigner, .NET의 ShowDesigner와 ShowDesignerAsync, Delphi IDE의 Chart designer... 동사

런타임 차트 편집기는 무료 Community 에디션을 포함한 모든 에디션에 들어 있습니다. 차트 디자이너와 테이블 링크의 100% 누적, 원형, 도넛, 콤보 유형은 Community 에디션에 없으며, 막대, 누적 막대, 선, 영역의 테이블 링크는 있습니다.

도움말 항목 읽기 차트 디자이너 도움말 항목 읽기

실시간 데이터와 탐색

대용량 데이터 세트를 스트리밍하고 사용자가 더 자세히 볼 수 있게 합니다.

실시간 데이터와 탐색

끊김 없는 백만 포인트

센서 로그, 오디오 레벨, 틱 데이터는 끝없이 늘어납니다. 빠른 선 시리즈는 고정된 Capacity의 링 버퍼에 포인트를 보관하므로 메모리가 일정하게 유지되고 가장 오래된 포인트부터 밀려납니다. 그릴 때 각 시리즈는 보이는 포인트를 픽셀 열당 한 세트 정도로 줄이며, 데이터가 아무리 빠르게 들어와도 차트는 초당 최대 MaxFPS번만 다시 그립니다. LiveLine 데모는 백그라운드 스레드에서 1,000,000 포인트 버퍼로 스트리밍합니다. 데모에서는 실행 중에 피드 속도와 보이는 창을 바꿀 수 있어서 코드를 한 줄 작성하기 전에 자신의 하드웨어에서 동작을 확인할 수 있습니다.

  • Capacity와 BufferMode(cbmOverwrite 또는 cbmGrow)를 갖춘 TsgcChartSeries_FastLine
  • Decimation: dmNone, dmMinMax(시각적으로 정확함), dmLTTB
  • TimeWindow는 스트리밍 축의 마지막 N초만 표시합니다
  • AddXY와 AddY는 포인트가 도착하는 대로 추가합니다
도움말 항목 읽기

실시간 데이터와 탐색

확대/축소, 이동, 십자선, 툴팁 기본 제공

사용자는 데이터에서 흥미로운 부분을 더 자세히 보고 싶어 합니다. 모든 차트는 이미 휠 확대/축소, 마우스 상자 확대/축소, 이동, 터치 제스처를 지원하며, 가장 가까운 포인트에 맞춰지는 십자선과 툴팁이 있습니다. 스트리밍 차트에서는 확대하면 자동 스크롤이 멈추고 선택한 지연 시간이 지나면 저절로 다시 시작됩니다. 모든 옵션이 속성이므로 키오스크 화면에서는 상호작용을 끄고, 분석가 화면에서는 시간 축으로만 확대/축소를 제한할 수 있습니다. VCL, FireMonkey, .NET 뷰에서 동일하게 동작합니다.

  • TsgcChartInteraction: WheelZoom, BoxZoom, Pan, ZoomMode(czmX, czmY, czmXY)
  • Crosshair, Tooltip, SnapToPoint
  • 실시간 차트용 AutoScrollResumeDelay와 Paused
  • OnZoom, OnCrosshairMove, OnSeriesClick 이벤트, 되돌아가기는 ResetZoom
도움말 항목 읽기

데이터 입력, 이미지 출력

가진 데이터를 바인딩하고, 실시간 스트림을 공급하고, 어디서나 차트를 렌더링합니다.

왼쪽에 DB 그리드, 오른쪽에 차트가 있는 sgcCharts DataSetChart 데모

데이터 입력, 이미지 출력

CSV, JSON, 모든 TDataSet 바인딩

대부분의 차트는 쿼리 결과, 내보낸 파일, REST 응답, 그리드의 행처럼 이미 가진 데이터를 보여 줍니다. 데이터 소스는 AddXY 호출 반복 없이 이를 시리즈에 로드합니다. 필드나 열 이름을 지정하고 데이터가 바뀐 후 Refresh를 호출하면 차트가 따라옵니다. 데이터 세트 소스는 캔들용 시가, 고가, 저가, 종가, 거래량 필드도 매핑합니다. 데이터 소스는 컴포넌트이므로 디자인 타임에 오브젝트 인스펙터에서 설정할 수 있습니다. Live를 켜면 코드 없이 차트가 데이터 세트를 따라갑니다. 사용자가 그리드에서 레코드를 저장, 삭제, 삽입하거나 필터를 바꾸면 차트가 다시 로드됩니다.

  • TsgcChartDataSource_DataSet은 XField, YField, LabelField를 통해 모든 TDataSet을 읽습니다
  • Live는 TDataLink를 통해 저장, 삭제, 삽입, 필터 변경을 따라가며, 연속된 변경이 한 번의 다시 로드로 처리되도록 조절됩니다. .NET에서 Live는 DataTable의 변경을 따라갑니다
  • FollowCursor는 사용자가 데이터 세트를 스크롤하면 포커스된 포인트를 옮깁니다(Delphi)
  • ExtraFields는 버블, 범위 영역, 상자 그림, 워터폴 시리즈의 크기, 최솟값, 사분위수, 종류 열을 공급합니다
  • 파일과 API 응답을 위한 TsgcChartDataSource_CSV와 TsgcChartDataSource_JSON
  • 메모리 테이블을 위한 TsgcChartDataSource_Table, 예를 들어 sgcGrid의 행
  • 코드나 백그라운드 스레드에서 밀어 넣는 포인트를 위한 TsgcChartDataSource_Manual
도움말 항목 읽기

데이터 입력, 이미지 출력 Registered 에디션 전용

연결 코드가 필요 없는 실시간 시장 및 IoT 피드

차트를 브로커나 시장 스트림에 연결하면 메시지가 도착할 때마다 그립니다. sgcChartsWS 브리지는 sgcWebSockets 클라이언트의 메시지 이벤트에 연결되어 JSON을 포인트나 캔들로 매핑합니다. Binance 소스는 집계기를 사용해 1초부터 1개월까지의 간격으로 원시 거래에서 캔들을 만들 수 있습니다. 소스가 중지되면 클라이언트의 이전 이벤트 핸들러를 복원합니다.

  • TsgcChartDataSource_Binance: Symbol, Stream(cbsKLine, cbsTicker, cbsTrade), Interval
  • TopicFilter와 PayloadFormat을 갖춘 TsgcChartDataSource_MQTT
  • WebSocket 또는 서버 전송 이벤트 위의 JSON을 위한 TsgcChartDataSource_WebSocket과 TsgcChartDataSource_SSE
  • TsgcChartAggregator는 AddTrade로 거래를 캔들로 변환합니다

브리지에는 sgcWebSockets가 필요합니다. Community에서는 수동 데이터 소스로 직접 작성한 코드에서 차트에 데이터를 공급하세요.

도움말 항목 읽기

데이터 입력, 이미지 출력

창이 필요 없는 서버의 PNG와 SVG

차트는 종종 화면을 벗어납니다. 일일 보고서 이메일, PDF, 웹 페이지, 이미지를 반환하는 REST 엔드포인트가 그렇습니다. TsgcChartRenderer는 폼이나 메시지 루프 없이 콘솔 애플리케이션, Windows 서비스, Delphi 10.2 이상으로 빌드한 Linux64 서버에서 같은 차트 모델을 PNG 또는 SVG로 그립니다. 화면에서는 뷰가 호출 한 번으로 사용자가 보는 내용을 저장합니다. 출력은 화면과 같은 테마, 글꼴, 팔레트를 사용하므로 PDF의 차트가 대시보드의 차트와 똑같이 보입니다.

  • RenderToPNGFile, RenderToPNGStream, RenderToSVGFile, RenderToSVGStream
  • 고해상도 이미지를 위한 Width, Height, Scale
  • TsgcVCLChart의 SaveToPNG와 SaveToSVG
  • Headless 및 HeadlessService 데모, .NET에서는 esegece.sgcCharts.Rendering 패키지
도움말 항목 읽기

접근성

UI Automation을 통한 화면 읽기 프로그램, 키보드, 고대비 지원, 별도 설정이 필요 없습니다.

접근성

데이터 포인트 단위로 UI Automation에 노출되는 차트

sgcCharts는 제목, 축, 범례, 시리즈, 데이터 포인트와 함께 차트를 Microsoft UI Automation에 노출합니다. 각 포인트는 범주와 값을 노출하며, 차트는 접근 가능한 PDF에 기록하는 것과 같은 대체 텍스트로 자신을 설명합니다.

  • Left와 Right는 이전 또는 다음 데이터 포인트로, Up과 Down은 이전 또는 다음 시리즈로, Home과 End는 첫 번째 또는 마지막 포인트로 이동합니다
  • Page Up과 Page Down은 포인트의 10분의 1만큼 건너뛰고, Enter는 클릭처럼 포커스된 포인트를 활성화하며, Esc는 포인트 포커스를 해제합니다
  • 차트는 탭 정지 지점이며 눈에 보이는 포커스 링을 표시합니다
  • Windows 고대비 테마에서는 시리즈가 시스템 색을 사용하고, 시리즈 유형이 허용하는 경우 선 패턴과 마커로 구분됩니다

접근성은 무료 Community 에디션을 포함한 모든 에디션에서 기본으로 켜져 있으며, Delphi 7부터 Delphi 13까지 모든 Delphi 및 C++Builder 버전의 VCL, Windows의 FireMonkey, 그리고 WinForms, WPF, Avalonia에서 지원됩니다. Delphi와 C++Builder에서는 AccessibleName과 AccessibleDescription이 UI Automation에 노출되는 이름과 설명을 설정하고, .NET에서는 각 프레임워크의 표준 접근성 이름과 도움말 텍스트가 같은 역할을 합니다. 접근성 적합성 보고서를 참조하세요. 마우스를 이용한 확대/축소와 이동, 그리고 금융 그리기 도구에는 키보드 대안이 없습니다.

도움말 항목 읽기
실제 동작

sgcCharts 동작 보기

sgcUI 제품군 데모 속의 sgcCharts: 내장 시뮬레이션 데이터로 오프라인에서 실행되는 완전한 애플리케이션입니다.

볼린저 밴드, 거래량 패널, 그리기 도구가 있는 캔들.

볼린저 밴드, 거래량 패널, 그리기 도구가 있는 캔들.

Altamira Markets →
경보 한계 구간이 있는 세 개의 적층 패널에 센서 열두 개.

경보 한계 구간이 있는 세 개의 적층 패널에 센서 열두 개.

Altamira Plant →
배송 이력의 깔때기, 도넛, 막대 차트.

배송 이력의 깔때기, 도넛, 막대 차트.

Altamira Fleet →
가치 대비 리스크 버블 차트와 예산 트리맵.

가치 대비 리스크 버블 차트와 예산 트리맵.

Altamira PMO →
제품군 데모 전체 보기
측정 결과

데모와 도움말에서 측정한 값

출시되는 LiveLine 데모와 데시메이션 참조에서 가져온 수치이므로 직접 재현할 수 있습니다.

측정 항목결과조건
LiveLine 링 버퍼의 포인트 수1,000,000TsgcChartDataSource_Manual을 통해 백그라운드 스레드에서 공급되는 TsgcChartSeries_FastLine
픽셀 열당 유지되는 포인트최대 4개dmMinMax 데시메이션: 첫 번째, 최소, 최대, 마지막 포인트

출처: 이 수치를 설명하는 도움말 항목.

활용 사례

sgcCharts로 개발하는 사람들

트레이딩 및 암호화폐 플랫폼

데스크 애플리케이션은 선택한 종목의 캔들, 가격 패널의 이동평균과 볼린저 밴드, 아래 패널의 RSI와 거래량, 호가가 들어오는 동안의 매수 및 매도 호가 띠를 보여 줍니다. 분석가는 확대해도 고정된 상태로 남는 추세선과 피보나치 수준을 그립니다. Binance 소스는 거래소 스트림에서 바로 캔들을 만듭니다.

  • 캔들스틱 시리즈
  • 지표와 패널
  • 그리기 도구
  • Binance 데이터 소스
BinanceLive 데모 실행

산업 및 IoT 모니터링

관제실 클라이언트는 수십 개의 센서를 동시에 그립니다. 링 버퍼를 사용하는 빠른 선 시리즈는 몇 시간 분량의 측정값을 고정된 메모리에 보관하고, 시간 창은 최근 몇 분을 보여 주며, 데시메이션은 다시 그리는 부담을 줄입니다. MQTT 토픽이 차트에 직접 데이터를 공급하고, 히트맵은 어느 기계가 뜨거워지는지 보여 줍니다.

  • 빠른 선과 링 버퍼
  • 시간 창
  • MQTT 데이터 소스
  • 히트맵
MQTTSensors 데모 실행

비즈니스 보고와 생성된 이미지

백오피스 서비스가 주간 매출 도넛, 영업 깔때기형, 12개월 추세를 경영진 이메일용 PNG와 인트라넷용 SVG로 렌더링합니다. 같은 차트 코드가 데스크톱 애플리케이션 안에서도 같은 데이터 세트에 바인딩되어 실행되므로 숫자와 색상이 항상 일치합니다.

  • 도넛과 깔때기형
  • DataSet 데이터 소스
  • TsgcChartRenderer
  • 테마
Headless 데모 실행
빠른 시작

A Donut Chart in a Few Lines

The same API in Delphi, C++ Builder and C#: revenue by region as a donut with an Others slice, on a dark theme, exported to PNG.

Builds the model, a pie series with a 55 percent hole, a VCL view and a renderer that writes a 1200 x 700 PNG.

uses
  Controls, sgcUICore_Theme, sgcCharts_Chart, sgcCharts_Series_Pie,
  sgcCharts_Renderer, sgcCharts_VCL;

// Revenue by region as a donut chart with an "Others" slice,
// on a dark theme, exported to PNG.
procedure BuildDonut(aOwner: TWinControl);
var
  oChart: TsgcChart;
  oView: TsgcVCLChart;
  oPie: TsgcChartSeries_Pie;
  oPNG: TsgcChartRenderer;
begin
  oChart := TsgcChart.Create(aOwner);
  oChart.Theme := utDark;
  oChart.Title.Text := 'Revenue by region';
  oChart.Legend.Position := clpRight;

  oPie := TsgcChartSeries_Pie.Create(aOwner);
  oPie.Chart := oChart;
  oPie.InnerRadiusPercent := 55;
  oPie.OthersThreshold := 4;
  oPie.OthersText := 'Others';
  oPie.ExplodeOnClick := True;
  oPie.AddItem('North America', 420);
  oPie.AddItem('Europe', 310);
  oPie.AddItem('Asia Pacific', 280);
  oPie.AddItem('Latin America', 95);
  oPie.AddItem('Middle East', 12);

  oView := TsgcVCLChart.Create(aOwner);
  oView.Parent := aOwner;
  oView.Align := alClient;
  oView.Chart := oChart;

  oPNG := TsgcChartRenderer.Create(aOwner);
  oPNG.Chart := oChart;
  oPNG.RenderToPNGFile('revenue.png', 1200, 700);
end;

도움말 항목 읽기 →

The same donut in C++ Builder, using the generated sgcCharts_*.hpp headers.

#include <vcl.h>
#include "sgcUICore_Theme.hpp"
#include "sgcCharts_Chart.hpp"
#include "sgcCharts_Series_Pie.hpp"
#include "sgcCharts_Renderer.hpp"
#include "sgcCharts_VCL.hpp"

// Revenue by region as a donut chart with an "Others" slice,
// on a dark theme, exported to PNG.
void BuildDonut(TWinControl *aOwner)
{
  TsgcChart *oChart = new TsgcChart(aOwner);
  oChart->Theme = utDark;
  oChart->Title->Text = "Revenue by region";
  oChart->Legend->Position = clpRight;

  TsgcChartSeries_Pie *oPie = new TsgcChartSeries_Pie(aOwner);
  oPie->Chart = oChart;
  oPie->InnerRadiusPercent = 55;
  oPie->OthersThreshold = 4;
  oPie->OthersText = "Others";
  oPie->ExplodeOnClick = true;
  oPie->AddItem("North America", 420, 0);
  oPie->AddItem("Europe", 310, 0);
  oPie->AddItem("Asia Pacific", 280, 0);
  oPie->AddItem("Latin America", 95, 0);
  oPie->AddItem("Middle East", 12, 0);

  TsgcVCLChart *oView = new TsgcVCLChart(aOwner);
  oView->Parent = aOwner;
  oView->Align = alClient;
  oView->Chart = oChart;

  TsgcChartRenderer *oPNG = new TsgcChartRenderer(aOwner);
  oPNG->Chart = oChart;
  oPNG->RenderToPNGFile("revenue.png", 1200, 700);
}

도움말 항목 읽기 →

Headless in C#: the same model rendered to PNG with no window, from the Rendering package.

using esegece.sgcCharts;
using esegece.sgcUICore;

// Revenue by region as a donut chart with an "Others" slice,
// on a dark theme, rendered headless to PNG (no window needed).
public static class RevenueDonut
{
    public static void Render()
    {
        var oChart = new TsgcChart();
        oChart.Theme = TsgcUITheme.utDark;
        oChart.Title.Text = "Revenue by region";
        oChart.Legend.Position = TsgcChartLegendPosition.clpRight;

        var oPie = new TsgcChartSeries_Pie();
        oPie.Chart = oChart;
        oPie.InnerRadiusPercent = 55;
        oPie.OthersThreshold = 4;
        oPie.OthersText = "Others";
        oPie.ExplodeOnClick = true;
        oPie.AddItem("North America", 420);
        oPie.AddItem("Europe", 310);
        oPie.AddItem("Asia Pacific", 280);
        oPie.AddItem("Latin America", 95);
        oPie.AddItem("Middle East", 12);

        var oPNG = new TsgcChartRenderer();
        oPNG.Chart = oChart;
        oPNG.RenderToPNGFile("revenue.png", 1200, 700);
    }
}
dotnet add package esegece.sgcCharts.Rendering

도움말 항목 읽기 →

체험판 다운로드
데모

sgcCharts 데모 실행하기

Delphi용 데모 19개, C++ Builder용 동일한 19개, .NET용 12개가 컴파일된 데모 다운로드에 모두 들어 있습니다. 위 기능을 보여 주는 데모는 다음과 같습니다.

LiveLine

LiveLine

백그라운드 스레드에서 공급되는 1,000,000 포인트 링 버퍼의 빠른 선 시리즈, 10초, 60초 또는 전체 버퍼의 시간 창, 테마 전환, 전체 스트림 위의 십자선을 제공합니다.

Candlestick

날짜 시간 축의 일봉 캔들과 거래량 축. 마우스로 확대/축소하고 이동하며, 같은 픽셀 열에 많은 캔들이 있으면 올바른 하나의 캔들로 합쳐집니다.

Registered 에디션 전용 DrawingTools

캔들스틱 차트 위에 마우스로 그린 추세선, 수평선과 수직선, 사각형, 피보나치 되돌림을 선택하고, 잠그고, 삭제할 수 있습니다.

DataSetChart

DataSetChart

1,000행의 클라이언트 데이터 세트를 DB 그리드에 표시하고 두 개의 데이터 세트 소스가 선 시리즈와 막대 시리즈로 읽습니다. 행을 편집하고 다시 로드하면 차트가 따라옵니다.

BusinessCharts

BusinessCharts

버블, 상자 그림, 워터폴, 부드러운 범위 영역 시리즈에 오차 막대, 주석, ISA-101 알람 선, ISA-101 테마, 런타임 차트 편집기를 더했으며, 차트가 따라가는 라이브 데이터셋 위에서 동작합니다. .NET에서는 BusinessCharts, BusinessChartsWpf, BusinessChartsAvalonia로 제공됩니다. FireMonkey에서는 BusinessChartsFMX로 제공됩니다.

Registered 에디션 전용 BinanceLive

sgcChartsWS 브리지를 통한 Binance 시장 스트림의 실시간 캔들을 패널과 지표가 있는 금융 차트에 표시합니다. sgcWebSockets가 필요합니다.

Registered 에디션 전용 MQTTSensors

MQTT 토픽에서 sgcChartsWS 브리지를 통해 공급된 센서 측정값을 도착하는 대로 그립니다. sgcWebSockets와 MQTT 브로커가 필요합니다.

Headless

창 없이 차트를 만들고 PNG와 SVG 파일을 쓰는 콘솔 프로그램입니다. HeadlessService는 Windows 서비스에서 같은 작업을 합니다.

컴파일된 데모

sgcUI 제품 전체의 실행 파일을 제공하며, 설치가 필요 없습니다.

sgcUI_bin.zip 다운로드 →
에디션

sgcCharts가 포함된 곳

sgcCharts는 sgcUI Professional과 Enterprise에 포함되며 단독으로도 판매됩니다. 또한 All-Access 번들에도 포함되어 있습니다.

sgcCharts 단일 패키지

€199 / 개발자, 전체 소스 코드, 1년 업데이트.

sgcCharts 구매 → 가격 보기 →

sgcUI Professional

Standard에 sgcCharts, sgcDashboard 및 sgcGauges 추가, €529부터.

Professional 보기 →

sgcUI Enterprise

sgcUI 제품 15개 전체, €699부터.

Enterprise 보기 →

무료 Community 에디션(NuGet의 esegece.sgcCharts.Community)에는 열일곱 가지 시리즈, 주석, 오차 막대, ISA-101 프리셋, 런타임 편집기, 뷰, 버퍼, 수동, CSV, JSON, 데이터 세트 소스, 상호작용, 헤드리스 출력이 모두 들어 있습니다. 금융 팩(지표 및 거래량 시리즈, 패널, 집계기, 그리기 도구, 마지막 값 마커, 매수 및 매도 호가 띠), 고급 테이블 링크 유형이 있는 차트 디자이너, sgcChartsWS 브리지는 포함되지 않습니다.

기능Community (무료)Registered 에디션
캔들스틱과 OHLC를 포함한 17가지 시리즈 유형✓✓
빠른 선, 링 버퍼, 데시메이션✓✓
확대/축소, 이동, 십자선, 툴팁✓✓
수동, CSV, JSON, 실시간 데이터 세트 데이터 소스✓✓
테마, PNG 및 SVG 내보내기, 헤드리스 렌더러✓✓
주석, 오차 막대, ISA-101 프리셋, 런타임 차트 편집기✓✓
지표 및 거래량 시리즈−✓
패널, 마지막 값 마커, 매수 및 매도 호가 띠−✓
그리기 도구와 거래 집계기−✓
sgcChartsWS 실시간 피드(Binance, MQTT, WebSocket, SSE)−✓
테이블 링크용 차트 디자이너, 100% 누적, 원형, 도넛, 콤보 유형 포함−✓
플랫폼

지원 프레임워크 및 플랫폼

sgcCharts의 컴포넌트

컴포넌트설명
TsgcChart차트 모델: 축, 시리즈, 범례, 테마, 상호작용.
TsgcVCLChart, TsgcFMXChartVCL과 FireMonkey용 뷰.
TsgcChartRenderer헤드리스 PNG 및 SVG 렌더링, 서비스와 Linux64에서도 동작.
TsgcChartSeries_*17가지 시리즈 유형과 금융 지표 시리즈.
TsgcChartDataSource_Manual, _CSV, _JSON, _DataSet, _Table포인트, 파일, 데이터 세트, 테이블용 데이터 소스.
TsgcChartDataSource_WebSocket, _MQTT, _SSE, _BinancesgcChartsWS 브리지의 실시간 피드 소스(Registered 에디션 전용).
대상컴포넌트플랫폼
Delphi 7부터 13, VCLTsgcVCLChartWin32 및 Win64
Delphi XE6부터 13, FireMonkeyTsgcFMXChartWindows, macOS, iOS, Android
C++ Builder 2007부터 13TsgcVCLChart, TsgcFMXChart생성된 .hpp 헤더와 정적 라이브러리
Delphi 10.2부터 13, 헤드리스모델과 TsgcChartRendererLinux64, 서버의 PNG 및 SVG
.NET Framework 4.7.2, .NET 8, 9, 10TsgcWinFormsChart, TsgcWpfChart, TsgcAvaloniaChartWinForms, WPF, Avalonia 12, 헤드리스 렌더링
FAQ

자주 묻는 질문

LiveLine 데모는 백그라운드 스레드에서 1,000,000 포인트 링 버퍼를 가진 빠른 선 시리즈로 스트리밍합니다. 버퍼에 정해진 Capacity가 있어 메모리가 고정되고, 데시메이션이 보이는 포인트를 픽셀 열당 몇 개로 줄이며, MaxFPS가 다시 그리는 속도를 제한합니다. 컴파일된 데모를 실행하여 직접 확인해 보세요.

열일곱 가지입니다. 선, 빠른 선, 계단형 선, 영역, 범위 영역, 막대, 산점도, 버블, 캔들스틱, OHLC, 파이 및 도넛, 레이더, 히트맵, 트리맵, 깔때기형, 상자 그림, 워터폴입니다. 각각이 컴포넌트이므로 필요한 만큼의 축과 함께 하나의 차트에 여러 개를 조합할 수 있습니다.

아니요. Community에는 캔들스틱과 OHLC 시리즈는 있지만 지표 및 거래량 시리즈, 패널, 집계기, 그리기 도구, 마지막 값 마커, 매수 및 매도 호가 띠는 없습니다. 이들과 sgcChartsWS 실시간 피드에는 Registered 에디션이 필요합니다. 도움말의 에디션을 참조하세요.

예. SaveToPNG와 SaveToSVG는 뷰에 표시된 내용을 저장하며, TsgcChartRenderer는 선택한 너비, 높이, 배율로 창 없이 차트 모델을 PNG 또는 SVG 파일이나 스트림으로 렌더링합니다. PDF나 이메일 본문으로 가는 일반적인 방법입니다.

예, 헤드리스로 실행됩니다. Delphi 10.2부터 차트 모델과 TsgcChartRenderer를 Linux64용으로 컴파일하여 PNG와 SVG를 쓸 수 있습니다. Linux 뷰 컨트롤은 없습니다. .NET에서는 esegece.sgcCharts.Rendering 패키지가 .NET Standard 2.0, .NET Framework 4.7.2, .NET 6, 8, 9, 10을 대상으로 합니다.

수동 포인트, CSV, JSON, 모든 TDataSet, 메모리 테이블은 모든 제품 라이선스에 포함됩니다. Registered 에디션과 sgcWebSockets가 있으면 sgcChartsWS 브리지가 Binance 시장 스트림, MQTT 토픽, WebSocket 위의 JSON, 서버 전송 이벤트를 추가합니다.

문서

sgcCharts 도움말

Delphi

소개, 빠른 시작, 플랫폼, 파이 시리즈, VCL 뷰, 패널, 브리지, 데시메이션.

C++ Builder

소개, 빠른 시작, 플랫폼, 파이 시리즈, 브리지.

.NET

.NET 개요, 시리즈 갤러리, 플랫폼, 브리지.

PDF 매뉴얼

Delphi, C++ Builder, .NET용이며 sgcUI 제품 전체를 다룹니다.

3,000+개발자
20+년
761+컴포넌트
30+API 통합
5플랫폼
30일 환불 보장만족하지 않으세요? 구매 후 30일 이내에 전액 환불을 요청하세요. 환불 정책 보기

지금 sgcCharts를 체험해 보세요

sgcUI 체험판에는 sgcCharts와 다른 모든 sgcUI 제품이 포함되어 있습니다.

체험판 다운로드 sgcCharts 구매