Home 소개       다운로드       온라인 설명서      주식/코인 차트    Q & A     Blog    


소개 및 특징 





히포차트 시작하기 (Getting Started)

 아래 내용은 히포차트를 처음 사용하실 때 알아야할 점과 가장 기본적인 개발 방법, 데이터베이스 연동하는 법 등 히포차트를 설치하신 후 가장 먼저 알아야할 내용을 담고 있습니다.

 먼저, 이 글을 읽기 전에 평가판 혹은 정식 버전 컴포넌트가 설치가 되어 있어야 하며 도구상자에 추가를 해서 윈폼 혹은 웹폼에 차트를 끌어다 놓은 상태이어야합니다. 이 상태에서 가장 먼저 할 일은


1. 네임 스페이스 논리적 참조


입니다. 논리적 참조란 히포차트의 클래스들이 속해있는 네임스페이스를 using 지시문을 사용하여 참조하는 방법입니다.

using Hippo;


위와 같이 히포차트가 삽입된 폼 혹은 페이지의 상단에 코드를 작성해 줍니다. 윈폼일 경우 실시간 차트 유틸리티를 이용하기 위해서는 아래의 참조를 더해 줍니다. 

using Hippo.WindowsForm4;


마찬가지로 Web일 경우 아래와 같이 추가합니다.

using Hippo.WebForm4;


자, 이제 기본적인 코딩할 준비가 완료되었습니다.
이제 간단한 코딩을 통해 히포차트의 구조와 시리즈에 대해 알아보겠습니다.

 
 
2. 시리즈 구조

는 히포차트를 이해하는데 매우 중요하므로 반드시 익히셔야합니다.


 히포차트의 구조는 크게 아래와 같은 계층적인 형태를 이루고 있습니다.

 Chart > SeriesList > Series > Seriesitem

 히포차트라는 객체 안에는 범례와 타이틀 등 레이아웃 객체와 함께 SeriesListDictionary 라는 시리즈리스트를 담는 컬렉션 객체가 있습니다. 이 컬렉션 객체에 사용자가 구성한 시리즈리스트를 추가함으로써 하나의 그래프가 생성되며 이 SeiresList는 다시 내부적으로 여러 시리즈들을 포함하고 있고, 각 시리즈들은 실제 데이터인 시리즈아이템을 포함하고 있습니다. 

 아래 코드는 위 이론을 바탕으로 작성해본 가장 기본적인 형태의 시리즈 구조를 나타내는 코드입니다.


SeriesList
slist = new SeriesList();
slist.ChartType = ChartType.Bar;

Series sr = new Series();
sr.Name = "2010년 월별 매출";

SeriesItem item1 = new SeriesItem();
item1.YValue = 55;
item1.Name = "2010-01";

SeriesItem item2 = new SeriesItem();
item2.YValue = 67;
item2.Name = "2010-02";

sr.items.Add(item1);
sr.items.Add(item2);

slist.SeriesCollection.Add(sr);

this.hHippoChart1.SeriesListDictionary.Add(slist);
this.hHippoChart1.DrawChart();


 다음은 실질적으로 프로젝트 시 사용할 수 있는 DB 혹은 다른 데이터소스를 이용해서 차트를 그리는 방법을 알아봅니다.


 
3. 데이터베이스(DB) 이용하여 차트 그리기


 히포차트에서는 다양한 데이터소스를 지원하는데 그 중 가장 일반적이고 많이 사용되는 데이터베이스를 이용하는 방법을 알아보겠습니다.

 히포차트에는 HippoEngine 이라는 유틸리티 클래스를 제공합니다. 이 클래스는 데이터베이스, Excel, Access 등의 데이터소스들을 이용하여 히포차트 내부에 사용되는 시리즈리스트를 생성하도록 도와주는 클래스로 보다 손쉽게 원하는 시리즈리스트를 만들 수 있습니다.
 아래 예제는 DB를 직접 조회하여 간단하게 시리즈리스트를 만드는 코드입니다.



HippoEngine
en = new HippoEngine();
en.DataType = DataSourceType.Default;
en.ConnectionString = "localhost; uid=sa; pwd=1; database=HippoChart";
en.Query = "SELECT * FROM ... "
;

SeriesList slist = en.GetSeriesList("nameColumn", "valueColumn1", "valueColumn2");

this.hHippoChart1.SeriesListDictionary.Add(slist);
this.hHippoChart1.DrawChart();



 DataType 은 Default(MS-SQL), Excel, Access, XML, MySql, Oracle 등을 지정할 수 있는 타입이며 연결 문자열과, 쿼리스트링을 이용하여 직접 데이터베이스에 엑세스할 수 있습니다.  

 단, 웹일 경우 혹은 프로젝트 구성에 따라 직접 조회를 할 수 없는 경우가 있으므로 그럴 경우 아래와 같은 방법을 이용하시기 바랍니다. 사실 실제적인 프로젝트에서는 이 방법이 거의 대부분을 차지할 것으로 보입니다.



DataTable
userDT = "[사용자 프로젝트 Data Access Layer 에서 데이터 생성]";
HippoEngine
en = new HippoEngine();

SeriesList slist = en.GetSeriesList(userDT, "nameColumn", "valueColumn1", "valueColumn2");

this.hHippoChart1.SeriesListDictionary.Add(slist);
this.hHippoChart1.DrawChart();



 위와 같이 히포엔진에서의 조회가 아니라 기존 프로젝트의 데이터 엑세스 레이어(소위 공통단 또는 내부 프레임워크)에서의 데이터 획득 후 최종적으로 DataTable 을 만들어서 파라미터로 넘겨주면 시리즈리스트를 생성할 수 있습니다. 이 방식을 사용하면 ADO.NET 에서 지원하는 모든 데이터소스를 이용하여 히포차트를 작성할 수 있습니다. 

 이상 히포차트 시작하기 내용을 마칩니다. 이제 겔러리 & 코드 레퍼런스 페이지와 인터넷 카페, 히포차트 길라잡이 교재를 통해 다양한 코드와 이론을 습득하십시오.





Copyright © 2009-2018 HippoChart. Inc.  All Rights Reserved.