인기 검색어 : 히포차트 4.3   x축   실시간%차트   hhippo   4.3 - 날짜형   axis   Y축   실시간 차트   간트차트   추세선    QNA     |     Home

히포차트 온라인 설명서


히포차트 4.3.1 버전 이 새롭게 릴리즈되었습니다. 변화된 내용과 코드를 확인하시기 바랍니다.

  히포차트 4.3 Help File (Class and Property)
  • 히포차트 내부 클래스 구성과 각 중요 클래스들의 속성들을 파악할 수 있는 상세 매뉴얼입니다.
  • 본 페이지의 샘플 코드와 함께 사용하여 보다 디테일한 개발을 할 수 있도록 구성되었습니다.
  • 실행시 주의 사항 : 아래 그림 처럼 체크 박스를 해제하시고 열어야 정상 실행됩니다.



히포차트 개발 시작하기 응용하기 & 샘플 프로젝트  4.3에서 새롭게 달라진 기능











※ 모든 샘플 프로젝트는 평가판을 먼저 설치하셔야 정상 실행됩니다.
※ 프로젝트 다운로드인 경우 구 평가판이 참조되어 있을 수 있으니 이럴 경우 최신 평가판을 재참조 하시면 해결됩니다.


최근 등록된 코드를 연습하세요. 

히포차트 4.3 - 주식 차트 보조지표 RSI 공식적용 그래프  히포차트 4.3 - 스토캐스틱(Stochastics) 주식차트 보조지표  히포차트 4.3 - 매틀랩(matlab) 스무싱 기법 (smoothing), 피크 지점 찾기 (Peak Detection)  히포차트 4.3 - 간트차트(Gantt chart) 마우스 이동하여 날짜 변경하기  
히포차트 4.3 - 주식차트 보조지표 볼린저밴드(Bollinger Band) 그리기  히포차트 4.3 - 주식차트 보조지표 MACD, 시그널, 오실레이터, 지수이동평균선  히포차트 4.3 - 주식차트 20일 이동평균선 그리기  [히포차트 4.3] - 주식 캔들 차트 보조지표 일목균형표  
[히포차트 4.3] - X(Bar)- R Control Chart 샘플  키움증권 OpenAPI 로 제작된 실시간 주식 차트 프로그램  [샘플] 시간관리 그래프 - 안급한일, 급한일, 중요한일, 안중요한일 계획 차트  히포차트 4.3 - 칼라맵 차트(Color map, Heat Map)  

최근 개발자분들이 가장 많이 조회한 코드를 소개합니다.
 
히포차트 4.3 - 주식 봉 차트 HTS 프로그램 개발하기  실시간 Radar (방사형) 차트 샘플 코드  히포차트 4.3 - 날짜형 축을 이용한 간트차트 (월별)  히포차트 4.3 - 정규분포 곡선 그리기  
히포차트 4.3 - 실시간 차트 기본 샘플 (기초 이론)  히포차트 4.3 레포트 - 인쇄하기 샘플 (PrintDialog, PrintPreviewDialog)  히포차트 4.3 - 2개의 파이 그래프 제목 및 구성 잘하기  히포차트 4.3 - 게이지차트 시리즈 타이틀 이름 주기  
히포차트 4.3 - 스크롤 차트 활용 + 구간 표시  히포차트 4.3 - 도넛 차트 배경라인(border line) 흰색 넣기  라인차트 마우스무브 이벤트 데이터 수치 보이기  히포차트 4.3 - 파이(pie) 그래프 2D 형태 지원  
 
히포차트 4.2 버전부터 제공되는 X축 날짜형 지원에 대한 설명입니다. DataType을 날짜형으로 선언을 하고 시간 축으로 쓰기 위해 Date 종류는 Time으로 변경합니다. 날짜 포맷은 시간을 표시할 수 있도록 적절한 문자열을 사용합니다.
gallery > feature > axisdetail

X축은 데이터가 많으면 자동으로 interval이 조정되지만 직접설정할 수도 있습니다. 또한, 각 축은 Visible 속성을 통해 안보이게 처리할 수 있습니다.
gallery > feature > axisdetail

두개의 시리즈로 작성한 실시간 차트
gallery > feature > realtime

그리드 간격과 X축 간격을 다른 간격으로 조절할 수 있습니다.
gallery > feature > axisdetail

X축은 기본적으로 문자형이나 숫자형으로 설정함으로써 함수의 그래프, 분산형 차트 등을 그릴 수 있습니다.
gallery > feature > axisdetail

ScrollXaxisWidth 속성은 차트 레벨에서 설정 가능하며 스크롤이 동작 하는 경우 X축 한 아이템간의 간격을 조정하는 속성입니다. 기본 값은 20이며 아래 코드에서는 30으로 재조정한 샘플입니다.
gallery > feature > scroll

x축 라벨이 긴 경우 세로로 길게 표시할 수 있는 속성을 소개합니다.
gallery > feature > axisdetail

X축을 숫자형으로 구성하여 각 중요 지점에 라인 마커를 표시합니다.
gallery > feature > linemk

많이 사용될 샘플로 생각됩니다. x축 데이터가 많을 경우 히포차트에서는 자동으로 간격을 조정하여 일정 스탭으로 라벨을 표시하는데 아래 코드로 더욱 사용자가 원하는대로 설정 가능합니다
gallery > feature > axisdetail

히포차트 4.3 에서 스크롤 차트를 가장 효율적으로 구현하는 방법에 대해 알아봅니다. 히포차트에서는 sHippochart 컨트롤을 별도로 제공하고 있지만 보다 많은 활용성과 실시간 차팅일 위해서는 아래의 코드를 이용하시기 바랍니다. HScrollbar 컨트롤을 이용해서 히포차트를 스크롤 하고 전체 차트에서 어디 구간을 나타내는지를 표시하는 예제 소스입니다. 이 코드는 별도 샘플 프로젝트 다운로드를 제공합니다
gallery > feature > scroll

그리드의 간격과 X축 간격의 차등있는 조절과 제로 라인 색상을 변경할 수 있습니다.
gallery > feature > Grid

4.2 버전 부터 많은 요청이 있었던 X축이 스트링형일 경우도 라인 마커를 지원합니다. 샘플 코드의 하단의 마커 부분 코드에 보시면 직접 포인트 값을 상대적으로 계산해서 포인트를 지정해주고 있습니다
gallery > feature > linemk

x, y 축의 라벨 폰트를 설정하는 코드입니다. Axis 객체의 Font 객체를 통해 설정이 가능하며 추가축도 동일하게 설정합니다
gallery > feature > axisdetail

x축을 숫자형으로 설정하고 특정 데이터 영역을 영역 마커로 표시하고 있습니다.
gallery > feature > areamk

X축의 특정 구간을 다른 시리즈리스트로 추가하여 보여줌으로써 강조 효과를 줍니다.
gallery > feature > empsys

히포차트 4.2 버전 부터는 각 축을 날짜형으로 표현할 수 있습니다
gallery > feature > axisdetail

히포차트 4.3 버전에서는 날짜형 축에 대한 많은 개선이 있었습니다. 특히 날짜형 축의 라벨 타입이 새롭게 추가되었는데요 DateTimeLabelType 으로 그 중에 X축을 분기형으로 표시하는 방법을 알아봅니다.
gallery > feature > axisdetail

날짜형 축을 만들 경우 X 축 특정 라벨의 이름을 수정하는 방법을 알아봅니다. Axistick 객체를 통해 기본 라벨링을 교체하는 형식의 코드입니다. 풀 소스로 연습하시기 바랍니다.
gallery > feature > AxisTick

X축의 추가 눈금을 표시하는 방법을 소개합니다.
gallery > feature > linemk

라인마커 기본 샘플로 X축이 날짜형일 때 시간 타입의 샘플입니다
gallery > feature > linemk

히포차트 4.3 버전에서 새롭게 추가된 날짜형 라벨 타입 중 DayOfWeek (요일) 타입 샘플 코드입니다. DateTimeLabelType 월, 화, 수 ... 등 요일로 표시해야할 축 스케일에 편리하게 사용이 가능합니다. 또한, 4.3 버전 부터는 컬럼차트에서도 날짜형 X축을 지원합니다. 기타 샘플 코드 내용 : - 축 라벨링 정렬 - 축 마진 넓히기 - 포인트 크기 - 포인트 색상
gallery > feature > axisdetail

라인마커 기본 샘플로 X축이 날짜형일 때 Day 타입의 샘플입니다
gallery > feature > linemk

히포차트 4.3 버전에서 새롭게 추가된 날짜형 라벨 타입 중 Week (주) 타입 샘플 코드입니다. DateTimeLabelType 속성을 보시면 2개의 주 타입이 있는데요, - Week (가장 작은 일자를 시작으로 0주 부터 시작) - WeekOfYear (1년 중 몇 째 주인지 표시) 입니다. 두 속성의 차이점을 잘 구별하셔서 구현하시기 바랍니다. 샘플코드에는 더불어 특정 날짜에 포인트를 다르게 디자인하는 방법도 추가되어 있습니다.
gallery > feature > axisdetail

히포차트 4.3에서 추가된 날짜형 타입 중 가장 기본형으로 일자 형으로 작성하는 샘플 소개합니다. sList.AxisFactor.XAxis.DateTimeLabelType = DateTimeLabelType.Day 와 같이 코드를 작성한 후 단위글자와 날짜타입을 지정할 수 있습니다. 가장 정확하게 하루하루 일자를 표시해야할 경우 적합하다고 할 수 있습니다. 기타 샘플코드 내용: - 라인에 화살표 넣기 - 라인 굵기 설정
gallery > feature > axisdetail