소개 및 특징
|
|
히포차트 시작하기 (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 에서 지원하는
모든 데이터소스를 이용하여 히포차트를 작성할 수 있습니다.
이상 히포차트 시작하기 내용을 마칩니다. 이제 겔러리 & 코드 레퍼런스 페이지와 인터넷 카페, 히포차트 길라잡이 교재를 통해
다양한 코드와 이론을 습득하십시오.
|