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

        
        
        

최근 개발자분들이 가장 많이 조회한 코드를 소개합니다.
 

        
        
        

히포차트4 주식 차트 샘플입니다. 최고가 최저가 특정 봉의 정보를 풍선 도움말로 표시한 예제입니다. 주식차트에서 사용되는 몇 가지 예제들이 주석처리되어 있고 트렌드를 분석하는 코드가 삽입되어 있습니다.

gallery > charttype > Candle

시간 혹은 분단위로 Y스케일을 구성한 간트차트입니다.

gallery > charttype > Gantt

다른 형태의 스케일 브레이크 디자인

gallery > feature > ScaleBreak

검은색 계열 디자인의 반원형태의 게이지차트

gallery > charttype > Gauge2

실제 주식 차트에 활용할 수 있는 샘플 코드입니다. - 영역형 라인 차트 추가 - 틱 배경색 기능으로 현재가 표시 - 추세선 - 축 오른쪽으로 만드는 방법(팁)

gallery > charttype > Candle

히포차트 4.3 최신 버전으로 개발된 주식차트 프로그램의 샘플 전체 소스입니다. 이 프로젝트는 별도의 강좌로 다시 알아봅니다. 주식차트 그리는 방법, 스크롤 응용 개발, 현재가, 거래량 등 실질적으로 개발이 가능하도록 샘플을 제공하고 지속적으로 업데이트를 제공할 예정입니다.

gallery > charttype > Candle

보다 자유로운 형태의 계기판 차트로 배경색, 화살표, 눈금 등의 조절이 자유롭습니다.

gallery > charttype > Gauge2

히포차트의 이중축 혼합형 기능을 이용하여 파레토 차트를 그릴 수 있습니다.

gallery > feature > MultiAxis

데이터들의 표준편차를 에러바를 통해 표현합니다. 통계아이템 평균을 표시하면 더욱 명확합니다.

gallery > charttype > ErrorBar

주식차트에 자주 활용되는 보조지표인 스토캐스틱 Fast 라인을 C#, vb.net 코드로 작성해보았습니다. 코드에 사용된 데이터가 필요하신 경우는 별도 고객지원에서 문의하시기 바랍니다.

gallery > charttype > Candle

주식차트를 그리실 경우 마우스를 갖다대면 그 포인트에 맞게 십자 라인을 그리고 수치를 표시한다던가 하는 작업이 있을 수 있는데 관련된 이벤트 구현 방법 코드 참고하십시오.

gallery > feature > event

히포차트와 hScrollBar 컨트롤을 이용하여 스크롤링되는 실시간 차트를 구현하는 방법 공유합니다. 많은 프로젝트에서 사용하는 방법인데요, 폼에 히포차트와 hscrollbar 를 끌어다 놓고 스크롤바 속성 중 righttoleft 를 yes 로 수정합니다. 다음 타이머를 갖다 놓으시고 아래 샘플을 테스트 하시면 실시간과 스크롤링이 되는 예제를 확인하실 수 있습니다. ※ 본 샘플은 라이선스 인증 회원에게는 샘플 프로젝트를 별도로 제공합니다.

gallery > feature > scroll

각종 장비 수치, 속도 등을 표현할 수 있는 게이지 차트의 심플한 흰색 디자인 버전입니다.

gallery > charttype > Gauge2

배경색과 눈금 색상을 변경해본 계기판형 게이지 차트

gallery > charttype > Gauge2

CPU Usage 를 실시간으로 읽어 그리는 코드입니다

gallery > feature > realtime

일반 작은 게이지 차트와 라인 차트의 혼합형 차트 샘플입니다. 데이터 특성에 따라 이런 형태의 혼합형도 많이 이용될 수 있을듯 합니다

gallery > charttype > Mixed

Cool 타입의 팔레트를 적용한 도우넛 차트

gallery > charttype > Doughnut

범위를 가지고 있는 데이터를 컬럼 차트로 그릴 수 있습니다.

gallery > charttype > Column

데이터의 오차 범위를 백분율로 표현합니다. 기본값은 5%이고 ErrorPercentage 를 통해 값을 설정 가능합니다.

gallery > charttype > ErrorBar

Lengh 속성을 조절하므로써 파이 넓이를 조절하여 중요도 등을 반영할 수 있습니다.

gallery > charttype > Pie

히포차트로 그려본 컬러맵 차트 그래프입니다. 현재 기업 커스텀 라이선스에 무료로 최적화 해드리고 있습니다.

gallery > charttype > ColorMap

히포차트에서 새롭게 개발된 콘투어 차트를 소개합니다. 현재 개발이 완료된 상태이고 다음 패치에서 임시 추가될 예정입니다. 당분간은 요청하시는 분들에게 커스터마이징 형태로 제공될 예정입니다. (2016년 7월 작성일) 또한, 코드는 다소 변경될 수 있습니다.

gallery > charttype > ColorMap

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

gallery > feature > scroll

파이 차트와 같은 계열의 차트로 도우넛 모양을 지원합니다.

gallery > charttype > Doughnut

히포차트 4에서 비활성화되었던 일반 게이지차트르 많은 요청으로 인해 부활되었습니다 ^^

gallery > charttype > Gauge

표본 데이터의 표준 오차를 에러바 차트를 통해 표현합니다. ErrorOffset 을 통해 고정값을 지정 가능합니다.

gallery > charttype > ErrorBar

범례의 자동 조절을 취소하고 사용자 임의로 구성할 수 있습니다.

gallery > feature > legend

범례를 그래프영역 내부에 표시할 수 있습니다.

gallery > feature > legend

다량의 데이터를 이용할 경우 스크롤 기능을 응용하여 사용할 수 있습니다. Panel1 - 가장 밑에 배치(Padding 5에 배경색), Panel2 - 그 위에 Dock =full 로 놓고 AutoScrol = true Hippochart - 그 위에 히포차트를 올려놓습니다.

gallery > feature > scroll

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

gallery > feature > Grid

시리즈리스트가 2개 이상일 경우 범례가 그룹화되어 표시됩니다. 또한, PercentDecimalPoint 와 같이 퍼센트의 소수점을 정의할 수 있고 ValueType을 통해 값을 평균 혹은 합으로 표시할 수 있습니다.

gallery > feature > legend

컬럼류의 차트로 색다른 효과를 줍니다.

gallery > charttype > PylamidColumn

차트 영역을 드래그하여 사각형의 영역을 만드는 기능입니다. 마우스업 이벤트를 통해 줌 기능을 응용 사용가능합니다.

gallery > feature > event

범례 헤더에 사용자 임의 내용을 구성할 수 있고, 헤더를 라벨을 통해 범례의 길이를 조절합니다.

gallery > feature > legend

다양한 디자인 효과를 주어 풍선도움말을 구성할 수 있습니다.

gallery > feature > balloon

추세선 공식을 응용하여 히포차트로 추세선 그리는 방법을 알아봅니다.

gallery > feature > trend

차트의 각 축의 공간을 조절하여 긴 글자 등을 원활하게 표시할 수 있습니다.

gallery > feature > empty

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

gallery > feature > empsys

풍선 도움말을 이용해서 데이터 수치를 새롭게 표현할 수도 있습니다.

gallery > feature > balloon

차트가 실제 그려지는 공간인 GraphArea에는 배경색을 설정할 수 있습니다.

gallery > feature > grapharea

수동축을 구성하기 위해서는 SetAxisStep 메소드를 이용한 방식과 속성들을 이용하는 방식이 있습니다.

gallery > feature > unautoaxis

LegendFormat을 통해 다양한 범례를 구성할 수 있습니다.

gallery > feature > legend

동일 시리즈에서 데이터 격차가 클 경우 축 일부를 잘라내는 효과를 줄 수 있습니다.

gallery > feature > ScaleBreak

통계 아이템에서는 표준 오차를 지원합니다.

gallery > feature > anal

테마 메소드를 통해 전체적인 테마를 변경할 수 있습니다.

gallery > feature > theme

Y축의 특정 데이터 구간을 강조하여 다른 시리즈리스트로 보여줍니다. 영역마커를 사용하여 디자인 효과를 줄 수 있습니다.

gallery > feature > empsys

데이터가 일정 데이터 공간에 집약되어 있다면 사용자가 원하는 영역으로 축울 재조정할 수 있습니다.

gallery > feature > unautoaxis

데이터 모양이 709.4932 853.2855 822.0844 759.5861 709.5018 853.3932 821.684 759.5745 709.4223 853.3597 822.2352 759.6983 709.4223 853.3372 822.206 759.6385 709.4329 853.2991 822.1742 759.7433 709.432 853.276 822.1637 759.6084 709.432 853.2625 822.1457 759.6084 709.4498 853.235 822.131 759.6889 709.4471 853.235 822.0626 759.5338 709.4558 853.3178 822.0905 759.6459 와 같이 미세한 차이만 있을 경우 차트를 한 번 그린 후 최대 최소 값을 이용하여 미세한 축을 자동으로 구성할 수 있는 방법을 안내합니다.

gallery > feature > unautoaxis

차트 마진 조절을 통해 차트 공간을 여백을 만들 수 있습니다.

gallery > feature > empty

통계아이템은 평균, 최소, 최대, 합계, 표준편차, 분산, 중앙값을 지원합니다.

gallery > feature > anal

그래프에 다양한 영역과 라인을 표시하는 마커기능 종합 샘플입니다. 마커를 사용하는 좋은 예로 참고하시면 되겠습니다.

gallery > feature > areamk

Balloon 객체를 통해 시리즈아이템에 세부 설명을 달 수 있습니다.

gallery > feature > balloon

그래프 영역의 그리드는 가로, 세로, 양방향, 없음 으로 설정할 수 있습니다.

gallery > feature > Grid

차트가 실제 그려지는 공간인 GraphArea에는 배경 이미지를 삽입할 수 있습니다.

gallery > feature > grapharea