Transcript XChart

XChart
1. 일반적인 차트(TeeChart)의 기본구조
Series
- 일련의 Data조합들을 표현하는 Object
- Data를 표현하는 방식에 따라 다른 종류의
Series를 선택(막대, 선)
Data와의 연결
- Run-time시 사용자가 직접 입력하는 방법
- DB의 Data를 연결하는 방법
1. 일반적인 차트(TeeChart)의 기본구조
2. 구버전(ToinbChart)에 비해 달라진 점
Property Page를 이용하여 속성들을 설정할
수 있다.
속성들이 Collection구조로 되어 있다.
Ex) Chart1.Walls.Back.Color
차트에 대한 설정사항이 더 다양해졌다.
Event가 더 다양해지고, 사용자에게 편의를
제공하는 여러 Tool 객체가 추가되었다.
Ex) Property Page – Chart Property
Ex) Property Page – Dataset Property
Ex) Property Page – Series Managing
3. TeeChart와 XChart의 공통점과 차이점
공통부분
- Dataset 관련 부분을 제외한 거의 모든 속성
과 메서드를 동일하게 처리
- TeeChart의 Collection구조를 동일하게 사용
3. TeeChart와 XChart의 공통점과 차이점
TeeChart에 대해 XChart만이 가진 특성
- Data의 소스로써 사용자 입력값과 Dataset만
연결가능
- 4GL보다 Web에서의 사용을 중심으로 개발
- Web에서 사용시 <Param>으로 “Base64”외
에 Collection 객체들도 설정가능
Ex) <Param Name=“Aspect.View3D”
Value=“true”>
4. XChart의 HTML에서의 사용상 주의점
Series를 생성하는 방법은 아래 2가지만 사용
할 수 있다. <Param> tag로는 Series나 Tool
을 생성할 수 없다.
- 순수 스크립트로만 설정한다.
- Property Page에서 Series를 생성한다. 이 때
그 정보가 “Base64”에 포함되어 저장된다.
4. XChart의 HTML에서의 사용상 주의점
<Param> tag에서 Index가 들어가는 속성들
은 설정할 수 없다. 단, Dataset과 관련된 속
성들은 Index가 들어가더라도 <Param>에서
설정할 수 있다.
Ex) “Tools.Items(0).asAnnotation.Position”
“Series(0).Color” (X)
Ex) “Series(0).DataID”
“Series(0).YValueColumn” (O)
4. XChart의 HTML에서의 사용상 주의점
Property Page에서 설정한 내용은 Base64
<Param>에 저장 된다. 단, Dataset과 관련된
속성들은 다른 이름의 <Param>에 저장된다.
각 SeriesType에 따라 사용하는 Column속성
은 다르다. 그러나, 사용여부에 관계없이
Series아래의 속성으로 모두 존재한다.
Ex) “Series(0).DataID”
“Series(0).YValueColumn” (O)
5. 일반적인 사용법
1) 웹 저작도구에서 차트를 생성하고 기본적인
사이즈와 위치를 정한다.
2) Property Page의 차트설정 대화상자에서 용
도에 맞는 다수의 Series들을 생성한다. 사
용자가 스크립트 상에서 동적으로 Series를
생성하는 경우는 거의 없을 것이다.
3) 축, 패널, 범례 등 Series 이외의 차트에 관한
사항들을 설정한다.
5. 일반적인 사용법
4) 필요에 따라 Cursor, ColorLine 등과 같은
Tool도 생성한다.
5) Property Page의 Dataset관련 대화상자에서
Dataset관련 사항을 설정한다. DataID와
DataColumn(XValueColumn, YValueColumn
등)들을 설정할 수 있다.
5. 일반적인 사용법
6) HTML Source View에서 추가할 설정사항들
을 <Param> tag로 직접 입력한다. 일반적으
로 차트설정 대화상자에서 설정할 수 없었던
사항들을 설정한다.
7) Run-time시 필요한 기능에 대해서 스크립트
상에서 Method나 Event를 이용한다.
6. XChart매뉴얼 사용법
크게 3부분으로 나뉜다.
- XChart 바로 아래의 속성, 메서드 및 하위객
체에 대한 부분
- XChart의 각종 이벤트에 대한 부분
- XChart의 하위객체들의 속성, 메서드 및 이
객체의 하위객체에 대한 부분
* 3부분이 각각 알파벳 순으로 정렬되어 있슴
6. XChart매뉴얼 사용법
하위객체들중에 같은 종류들이 존재한다.
Ex) XChart.Legend.Frame.Style과 XChart.Walls.Left.Pen.Style은
모두 IPen의 속성 및 메서드를 참조해야 한다.
하위객체가 연속될 경우 필요로 하는 속성까
지 계속 이동해야 한다.
Ex) XChart.Legend.Frame.Style
: XChart의 Legend -> ILegend -> ILegend의 Frame
-> IPen -> IPen의 Style