이 software fx (software fx, inc) 데이터베이스에 포함된 가정...

185
문서에 포함된 정보는 알리지 않고 변경될 있으며 Software FX (Software FX, Inc) ㈜예쓰월드측에 어떠한 책임도 없습니다. 문서에 포함되어 있는, 데이터베이스에 포함된 정보를 포함하고 있는 소프트웨어는 라이센스 동의나 기밀 유지 동의(NDA) 가정 하에서만 제공됩니다. 소프트웨어는 이러한 동의들의 조건에 일치하는 경우에만 사용되거나 복사될 있습니다. 백업 목적으로 복사하는 경우를 제외하고는 소프트웨어를 모든 종류의 매체에 복사하는 것은 위법 행위입니다. 매뉴얼의 어떤 부분에 대해서도 Software FX ㈜예쓰월드 명백하게 문서로써 나타내어 허가한 경우를 제외하고는 사진 복사, 녹음, 정보 저장/검색 시스템을 포함한 어떤 형태나 어떤 수단과 전자적이거나 기계적인 방법을 통해서 구매자의 개인적 용도 이외의 어떠한 목적으로도 재생하거나 전송할 없습니다. Software FX 사는 매뉴얼에 포함된 내용에 관해서 명백히 표시된 경우나 암시된 경우 모두에 대해서 특정 목적을 위해서 시장성이 있다거나 목적에 적합함에 대한 암시적, 명시적인 보장을 없습니다. 사업 이윤의 손실, 사업 중단, 사업 정보의 손실, 또는 다른 벌금 등으로 인한 재정적 손실 등으로 인한 피해 등을 포함하는 무한한 피해 범위에 대해서 설령 Software FX 사가 이러한 손실이 발생할 사실을 알고 있었다 하더라도, 어떠한 경우에도 Software FX 사는 책임이 없습니다. 특정 국가에서는 필연적이거나 우연적인 경우에 대해서 책임 면제나 한계를 허가하지 않기 때문에 위의 제한은 귀하에게는 적용되지 않을 수도 있습니다. © 1999 Software FX (Software FX, Inc.) All rights reserved

Upload: others

Post on 18-Aug-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

이 문서에 포함된 정보는 알리지 않고 변경될 수 있으며 Software FX 사(Software FX, Inc) 및 ㈜예쓰월드측에 어떠한 책임도 없습니다. 이 문서에 포함되어 있는, 데이터베이스에 포함된 정보를 포함하고 있는 소프트웨어는 라이센스 동의나 기 유지 동의(NDA) 가정 하에서만 제공됩니다. 이 소프트웨어는 이러한 동의들의 조건에 일치하는 경우에만 사용되거나 복사될 수 있습니다. 백업 목적으로 복사하는 경우를 제외하고는 이 소프트웨어를 모든 종류의 매체에 복사하는 것은 위법 행위입니다.

이 매뉴얼의 어떤 부분에 대해서도 Software FX사 및 ㈜예쓰월드 가 명백하게 문서로써 나타내어 허가한 경우를 제외하고는 사진 복사, 녹음, 정보 저장/검색 시스템을 포함한 어떤 형태나 어떤 수단과 전자적이거나 기계적인 방법을 통해서 구매자의 개인적 용도 이외의 어떠한 목적으로도 재생하거나 전송할 수 없습니다.

Software FX사는 이 매뉴얼에 포함된 내용에 관해서 명백히 표시된 경우나 암시된 경우 모두에 대해서 특정 목적을 위해서 시장성이 있다거나 그 목적에 적합함에 대한 암시적, 명시적인 보장을 할 수 없습니다. 사업 이윤의 손실, 사업 중단, 사업 정보의 손실, 또는 다른 벌금 등으로 인한 재정적 손실 등으로 인한 피해 등을 포함하는 무한한 피해 범위에 대해서 설령 Software FX사가 이러한 손실이 발생할 사실을 알고 있었다 하더라도, 어떠한 경우에도 Software FX사는 책임이 없습니다. 특정 국가에서는 필연적이거나 우연적인 경우에 대해서 책임 면제나 한계를 허가하지 않기 때문에 위의 제한은 귀하에게는 적용되지 않을 수도 있습니다.

© 1999 Software FX (Software FX, Inc.) All rights reserved

Page 2: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com

Chart FX 프로그래머 가이드 목차

Page 3: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com

Page 4: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com

개요

CHART FX INTERNET EDITION에 오신 것을 환영 합니다.......................................................................3

이 설명서에 대하여 .............................................................................................................................................4

온 라인 지원 ..........................................................................................................................................................5

chart FX internet edition이란 6

데이터 검색 ............................................................................................................................... 7 차트 프레젠테이션과 배치 ......................................................................................................... 7 상호 교환성 ................................................................................................................................ 8 성능............................................................................................................................................ 8 보안............................................................................................................................................ 9

CHART FX에서 마이그레이션 .......................................................................................................................10 Chapter 1. 아키텍처

서버 측 컴포넌트 ................................................................................................................................................15

클라이언트 측 컴포넌트 ....................................................................................................................................16

디자이너 컴포넌트.... .........................................................................................................................................17 Chapter 2. 설치하기

설치 순서 ........................................................................................................................................................21 IIS 설치 ................................................................................................................................................. 22

Page 5: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com

Chapter 3. 서버 조정하기

소개 .........................................................................................................................................................25

설정 파일 ........................................................................................................................................................25

SFXCGI.INI 설정 파일 ......................................................................................................................................27

SFXCGIWC.INI 설정 파일 ...............................................................................................................................29

새로운 브라우저 프로파일 추가하기 ...............................................................................................................31

SfxsRVi.ini 설정 파일.........................................................................................................................................32 Chapter 4. 기타 설정

비디오 설정 .........................................................................................................................................................37

폰트 설정 .............................................................................................................................................................38

이미지 설정 .........................................................................................................................................................39 PNG 섹션................................................................................................................................... 40 JPEG 섹션 ................................................................................................................................. 41

파일 압축 .............................................................................................................................................................42

다운로드 상태 바(STATUSBAR)......................................................................................................................45

CHART FX 확장 ................................................................................................................................................47

설정 파일 재 로딩하기 .......................................................................................................................................49 Chapter 5. 라이센싱

라이센싱 문제 .....................................................................................................................................................53

Page 6: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com

Chapter 6. 차트 FX 와 ASP

소개 ......................................................................................................................................................................57

CHART 통합하기...............................................................................................................................................58

ASP 스크립트 하기.............................................................................................................................................61 Chapter 7. 차트 그리기

ADO RESULTSET 사용하기............................................................................................................................65

SQL문 변경하기 ................................................................................................................................................66 데이터 전환하기....................................................................................................................... 69

THROUGH 코드로 차트 그리기.... ..................................................................................................................70

CHART를 그리는 기타의 방법.... ....................................................................................................................72 Chapter 8. 차트 FX DTC

개요 ......................................................................................................................................................................79

비주얼 INTERDEV 와 DTC..............................................................................................................................80

CHART FX 마법사 사용하기 .... ......................................................................................................................83

데이터 베이스로 접속하기.... ............................................................................................................................85 Chapter 9. 팁과 트릭

CHART 크기 조절하기......................................................................................................................................91

이미지 속성 설정하기.... ....................................................................................................................................93

주문형 코드 추가하기.... ....................................................................................................................................95

CHART FX 확장 추가하기.... ...........................................................................................................................97

Page 7: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com

VBSCRIPT VS. JAVASCRIPT.........................................................................................................................99 Chapter 10. 서버 응답 처리

소개 ....................................................................................................................................................................103

인터넷 익스플로러.... .......................................................................................................................................105

넷스케이프 네비게이터.... ...............................................................................................................................108

기타 브라우저.... ...............................................................................................................................................110 Chapter 11. 특별한 특징

개요 ....................................................................................................................................................................113

이미지 생성.... ...................................................................................................................................................114

이미지 맵 생성.... ..............................................................................................................................................117

드릴다운 기능.... ...............................................................................................................................................120

비트 스트림 (파일 비생성).... ..........................................................................................................................125

개별화 된 차트.... ..............................................................................................................................................128

ANNOTATION 객체........................................................................................................................................132

투명 기능 ...........................................................................................................................................................136

임시 파일 제거.... ..............................................................................................................................................138 Chapter 12. 템플릿 생성자

개요 ....................................................................................................................................................................141

템플릿 사용.... ...................................................................................................................................................144

Page 8: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com

코드 생성 ...........................................................................................................................................................147

차트 크기 조절.... ..............................................................................................................................................149 Appendix A. ActiveX 클라이언트 HTML 레퍼런스

비주얼 어트리뷰트 설정.... ..............................................................................................................................153

차트에 데이터 공급.... ......................................................................................................................................154

자바 스크립트를 사용한 트래핑.... .................................................................................................................156 Appendix B. 넷스케이프 플러그인 클라이언트 HTML 레퍼런스

비주얼 어트리뷰트 설정.... ..............................................................................................................................159

차트에 데이터 공급.... ......................................................................................................................................160 Appendix C. 차트 FX 와 콜드퓨전(ColdFusion)

차트 통합 ...........................................................................................................................................................163

색인

Page 9: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 1 -

Chart FX로 오신 것을 환영합니다.

이 절에서 다루는 주제들

소개 Chart FX IE 3에서 마이그레이션 (Migration)

이 설명서에 관하여 온 라인 기술 지원

Page 10: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 2 -

Page 11: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 3 -

Chart FX Internet Edition 레퍼런스에 오신 것을 환영합니다. Chart FX Internet Edition (Chart FX Internet Edition)은 자신들의 웹 사이트나 기업 인트라넷 상에 Chart를 제공하기를 원하는 웹 마스터와 인터넷 개발자들을 위해 설계되었습니다. 이 제품을 시작하려면 다음 사항을 알고 있어야 합니다:

• 여러분의 웹 사이트를 구동할 때 사용할 하드웨어 플랫폼 • 사용할 웹 서버 (예. Internet Information Server, Netscape Server, 등.) • 여러분의 웹 서버 소프트웨어에 스크립트 지원 (예. ASP, ISAPI, NSAPI, 등.) • 비쥬얼 베이직 스크립트 프로그래밍 언어 기반 • 데어터 베이스 액세스 ( ADO 와 ODBC가 포함 된) • HTML 언어 기반.

이 설명서는 최소한의 노력으로 여러분이 서버에 Chart FX Internet Edition 을 설치하고 통합하는 것을 도울 것입니다. 이 제품에서 인터넷에 가능한 특징들을 자세히 설명하고 있으며 여러분의 사용자에게 강력한 Chart를 제공하는 웹 서버와 잘 통합되어 작동되도록 설계되었습니다. 이 설명서는 프로그래밍 단계에 제공되는 각각의 속성, 객체, 메소드를 나열하거나 설명하려는 것은 아닙니다. 게다가, 만일 Chart FX Financial 에디션과 같은 기타의 관련 기술과 함께 동작되도록 하려면, Chart FX IE 와 함께 다른 제품을 어떻게 적절하게 설치, 통합, 사용에 관해 더 많은 정보를 갖고 있는 다른 설명서를 참조해야 합니다. 이 설명서 내에서 여러분이 찾으려는 정보를 찾지 못할 경우에는 다음에 나열된 설명서들이 여러분을 도와 줄 것입니다. 이 파일들은 Chart FX IE가 설치된 /Help과 동일한 곳에 복사되어 있습니다.

Chart FX IE API (ChartFX_98_API.chm) Chart FX Internet Edition은 Chart FX 98과 동일한 Chart 엔진을 공유하기 때문에, 모든 객체, 속성, 메소드들은 Chart FX 98 API 레퍼런스에 모두 설명되어 있다. 몇몇 속성이나 메소드는 Chart FX IE에서 지원되지 않는 다는 점을 주의 하십시오. 어떤 경우에도, 특정한 객체나 속성에 대한 더 많은 정보를 원한다면 호환 가능한 아이콘을 참조 할 수 있다. 이 도움말 파일은 Chart FX Design Time Control (DTC)나 Chart FX IE Code Generator 를 사용하지 않고 여러분 스스로 asp 페이지를 코딩 할 때 매우 유용하다. 반면, 이 툴 중에서 어떤 것을 사용하려 한다면, 이 코드는 여러분을 위해 자동적으로 생성될 것이다.

Annotation 확장 API (Annotation_API.chm) Annotation 확장을 사용하여 여러분의 asp 코드에 자동적으로 annotation 객체가 생성되도록 하려면, 이 확장에서 지원되는 모든 객체, 속성, 메소드들이 자세하게 설명되어 있는 도움말 파일을 참조할 수 있다.

Chart FX 98 프로그래머 가이드 (ChartFX_98_Guide.chm) 비록 이 도움말 파일은 Chart FX 98을 위해 특별히 설계되었지만, Chart FX Internet Edition 에 있는 여러가지 중요한 특징들을 이해하고 사용하는데 도움을 줄 것이다. 이 특징들은 도움말 파일에서 커버하는 Chart FX IE 으로 한정된다. 그러나, 두개의 제품 모두를 지원하는 특징들은 Chart 98 프로그래머 가이드에서 커버 될 것이다. 이 파일의 printed version인 Chart FX IE 의 일부가 여러분에게 제공 될 것이다.

Chart FX FE API (ChartFX_FE_API.chm) 여러분이 기업의 인트라넷이나 상용 웹 사이트에 대한 기술적 분석 Chart를 통합하는데 Chart FX Financial Edition 을 분석하는데 사용하려면, 이 제품이 지원하는 객체, 속성, 메소드에 대한 자세한 정보가 있는 이 도움말 파일을 참조해야 한다.

Page 12: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 4 -

이 설명서에 관하여 이 설명서에서는 FX의 특징들 중에서 가장 일반적으로 사용되는 것들에 관해서 논의합니다. API 레퍼런스에 관한 것은 아닙니다. 여러분이 객체, 속성, 메소드가 포함된 Chart FX API를 참조하려면, \help 디렉토리에 있는 “Chart FX API 가이드”를 참조하십시오. 이 전자 도움말 파일은 Chart FX API의 구문, 샘플, 주의가 포함된 자세한 정보를 제공합니다.

기술 지원

최신의 정보와 제품 갱신은 항상 저희 웹 사이트인 http://support.softwarefx.com에서 가능합니다.

Chart FX 를 대표하는 사람과의 연락을 원한다면 [email protected]로 메일을 보내십시오.

기술 지원을 상담을 원한다면 (561) 999-888(제작사인 Software FX사-미국)로 전화를 하거나 최근의 전화 번호 정보가 있는 저희 웹 사이트를 참조하십시오.

기술 지원은 무료 전화로 제공되지 않습니다. 하지만 여러분이 라이센싱과 마케팅에 관한 도움을 필요로 하다면 [email protected]으로 메일 주십시오

여러분은 Chart FX 의 일련 번호를 잘 간직해야 합니다.

국내 기술지원은 YESSWorld의 웹 사이트를 통해서 받을 수 있습니다.

Note

Page 13: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 5 -

온 라인 지원 (http://support.softwarefx.com) 이 사이트에서 여러분은 지식 기반의 기사, 샘플 코드, 문서, 제품 갱신과 기타 중요한 기술 지원 정보 등을 찾을 수 있습니다. 이 사이트는 정보를 빠르고 쉽게 검색하고 찾을 수 있도록 설계되어 있습니다. 그리고 WebBarFX 같은 웹 기반의 제품을 사용하므로, 이 사이트에서는 윈도 기반의 시스템을 사용해야 합니다 (넷스케이프와 인터넷 익스플로러 모두 지원 됨).

support.sofwarefx.com은 800x600의 해상도에서 마이크로 소프트 인터넷 익스플로러 4.0 이나 넷스케이프 네비게이터 4.0 또는 그 이상의 버전에서 볼 수 있도록 최적화 되어 있다.

이 사이트는 등록된 사용자들만 사용할 수 있도록 제한되므로, Chart FX 를 등록하지 않았다면, http://www.softwarefx.com 에서 등록하시면 됩니다. 저희는 여러분이 매일 발생하는 일상적인 문제들을 해결하기 위해 소프트웨어 FX에 접촉하기 전에 이 사이트를 방문하시길 강력히 권합니다.

Page 14: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 6 -

Chart FX Internet Edition 이란?

인터넷은 최고로 큰 개발 플랫폼이 되었습니다. 인터넷은 조직의 잠재적인 시장을 좀 더 효율적으로 만들고 확장하도록 할 수 있는 세계적인 인프라 구조를 사용하여 유일하고 혁신적인 방법으로 정보를 배치합니다. 조직은 또한 생산력을 개선하고 비용을 줄이도록 돕는 웹 기반의 비즈니스 솔루션을 찾고 있습니다. 처음에는 내용 중심의 네트워크로 설계되었으며, 인터넷은 아주 중요한 변화를 거쳤습니다: 전례없이 발전 가능성을 갖고 있는 풍부한 대화형 환경으로 밝혀졌습니다. 기본적으로 이 변화를 성공적으로 이끌려면, 인터넷은 2가지의 중요한 소프트웨어 컴포넌트를 필요로 합니다: 강력한 스크립트 언어와 다시 사용할 수 있는 컴포넌트.

Chart FX Internet Edition은 요즘 가장 많이 사용되는 웹 서버와 브라우저 기술을 단단히 결합하고 또 요즘 많이 사용되고 있는 스크립트 언어에 대한 지원을 제공하는 클라이언트와 서버 컴포넌트를 사용하여 Chart에 필요한 모든 것들을 해결할 수 있는 소프트웨어 패키지 입니다. 이 제품은 다음과 같은 문제점을 해결하기 위해 사용하기 쉬운 컴포넌트와 도구를 제공하기 때문에 Chart FX Internet Edition을 사용한 학습 곡선은 굉장히 줄어들 것입니다:

I. 데이터 검색 (Data Retrieving)

Chart는 여러분이 필요로 하는 어느 한 순간에 생성된 수치 데이터를 그래픽으로 나타내는 것 입니다. 예를 들어, 이번 달의 판매 Chart는 지난 달의 판매 Chart와는 다릅니다. 그러므로, Chart는 기본적으로 동적인 객체이며 기본 기능을 전달할 동적인 데이터를 필요로 합니다. 이것은 인터넷 상에 Chart 배치를 원할 때 정확하게 하는 방법입니다: 동적인 방법과 대화형 방법. plotted 데이터는 서로 다른 소스에서 나올 수 있으며, 이 데이터는 데이터베이스나 텍스트 파일에 저장되거나, 실 시간 데이터이거나 수작업으로 가져 온 데이터 일 수 있습니다. 어쨌든 인터넷 상에서 대화형 Chart를 배치하려면, 동적인 방법으로 데이터 검색을 할 수 있는 메커니즘이 필요할 것 입니다. 여러분은 ASP와 같은 요즘의 가장 강력한 스크립트 언어에 대한 모든 지원을 제공하는 Chart FX Internet Edition 서버 측의 컴포넌트를 공부해야 할 것 입니다. 여러분은 ASP와 같은 요즘 가장 강력한 스크립트 언어에 대한 모든 지원을 제공하여 가장 쉽게 동적으로 데이터를 검색하도록 하는 Chart FX Internet Edition 서버측의 컴포넌트를 배우게 될 것 입니다. 또한 요즘 가장 많이 사용되고 ADO처럼 구동되도록 유연한 데이터베이스의 장점을 갖고 있습니다.

Page 15: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 7 -

II. Chart 프리젠테이션과 배치.

인터넷은 원래 플랫폼에 독립적인 환경으로 설계 되었습니다 (즉, 여러분이 작업하고 있는 시스템에 독립적으로 정보를 볼 수 있습니다 – 예. MAC, UNIX, PC-). 이것은 내용 중심의 환경이므로 가능한 것입니다 (예. 텍스트와 그림 같은 동적인 데이터). 이러한 변화를 통하여, 인터넷은 더 이상 플랫폼에 독립적인 환경이 아니게 되었다 왜냐하면 컴포넌트는 대개 시스템의 특성을 갖고 있으며 컴포넌트가 개발된 것과 동일한 환경의 정보를 나타내기 때문이다. (예. 윈도우 기반의 컴포넌트는 MAC 기반의 환경에서 사용될 수 없습니다). 또 다른 문제 –대화형 컴포넌트—는 많은 공급자들이 자신들의 독점적인 컴포넌트 구조로 개발을 하고 있다는 것입니다. 예를 들어, 브라우저는 JAVA, ActiveX, Plug-In 컴포넌트 모두를 지원하지는 않으며 최악의 경우는 어떤 종류의 대화형 컴포넌트도 지원하지 않습니다. 여러분이 상용 사이트를 가지고 있을 때 이 문제는 아주 심각하며 여러분의 사이트에 접속하는 사용자나 시스템의 프로파일을 알 수 없습니다. 여러분은 사용자의 브라우저와 심지어 대화형 컴포넌트를 전혀 지원하지 않는 브라우저를 사용하는 사용자들에 제공되도록 적절한 컴포넌트 모델 을 사용하도록 하는 자동 브라우저 검출 능력이 있는 Chart FX Internet Edition을 배우게 될 것 입니다! 예를 들어, Chart FX Internet Edition은 브라우저가 ActiveX 컨트롤이나 플러그 인을 지원하는가를 결정할 수 있으며 Chart 출력을 선택적으로 표현할 수 있도록 합니다 (예. 만일 어떤 컴포넌트도 Chart의 JPEG나 PNG를 지원하지 않는다면, Chart는 사용자가 볼 수 있는 적절한 Chart로 생성됩니다).

III. 상호 교환성 (Interactivity)

인터넷 상에서 대화형 컴포넌트의 beauty는 사용자가 여러분의 웹 사이트를 방문하는 하는 것과 옵션을 커스터마이즈하고 개별적으로 정보를 요구할 수 있는 능력이 있는 여러분의 기업 인트라넷 사용을 허용합니다. 사용자가 여러분이 있는 곳에서 아주 멀리 떨어져 있을 때라도 사용자는 로컬 머신 상에서 어플리케이션을 실행하는 것 같이 느낄 수 있습니다. Chart의 경우에, Chart FX Internet Edition처럼 커스터마이즈 되는 것이 허용되는 컴포넌트는 없습니다. Chart FX 는 사용자가 페이지에 접근할 때 생성되는 Chart 제어의 일부로 최종 사용자 인터페이스가 포함되도록 허용된다는 것을 배울 것 입니다. 이 사용자 인터페이스는 최종 사용자가 Chart와 서로 상호작용 하는 것과 포함된 모든 옵션이 가상적으로 커스터마이즈 되는 것을 허용합니다. 제한되는 것들: Chart 타입, 격자 라인, 색, 텍스트, 3차원 효과, 범례. 이 인터페이스는 컴포넌트 내에서 미리 만들어지므로 여러분이 사용할 수 있도록 해서 여러분의 사용자가 자신들의 Chart를 커스터마이즈 할 수 있도록 합니다! 프로그래밍이 필요 없으므로 여러분의 개발 시간을 엄청나게 줄여줄 것 입니다 데이터 검색이 자동적으로 되므로 여러분의 Chart에 최종 사용자 인터페이스를 제공할 수 있으며, Chart FX Internet Edition은 최소한의 프로그래밍 노력으로 시간을 거의 들이지 않고 목적을 이룰 수 있을 것 입니다.

Page 16: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 8 -

IV. 성능.

또 다른 컴포넌트를 통합하고 상용 사이트를 출간할 때 가장 큰 문제가 되는 것이 성능입니다. 요즘의 인터넷 사용자들은 자연스러운 네비게니션을 원하며 상용 사이트를 방문할 때 즐거운 경험이 되기를 원한다. 그러나 대부분의 사용자들은 기업 인트라넷과 엑스트라넷 또는 56K 모뎀을 통해 연결되므로 그래픽이나 커다란 파일을 다운로드하는 것은 즐거운 일이 아닙니다. 파일들은 인터넷으로 다운 받기에는 너무 크기 때문에 다른 컴포넌트의 사용은 문제를 복잡하게 만듭니다. 컴포넌트를 로드하는 기술은 점점 좋아지는 반면, 56K 모뎀으로 많은 클래스를 전송하는 속도는 아직도 느립니다. 또한, 여러분의 웹 사이트가 잘 보이도록 클라이언트의 시스템에 적합한 버전이 설치되도록 보장을 해야 되는데 제 3의 컴포넌트들은 COM과 MFC같은 핵심 기술을 사용하므로 대부분은 여러 가지의 배치 문제를 발생시킵니다. 다른 Chart 컴포넌트들이 제공할 수 없는 여러 가지의 장점들이 제공되도록 Chart FX는 성능의 관점에서 개발 되어 졌습니다:

1) Chart FX의 다운로드할 수 있는 파일 (CAB 크기)들은 다운로드 시간을 줄이도록 변경하면 약 360 KB.

2) Chart FX ActiveX는 ATL을 사용하여 개발되었습니다. 즉 Chart FX는 실행을 위해 MFC 클래스를 필요로 하지 않으므로 여러분의 웹 사이트 방문자에게 추가로 파일이나 클래스를 제공할 필요가 없습니다.

3) Chart FX는 또한 캐비닛 파일을 제공합니다. 이 파일은 좀 더 작은 패키지로 클래스를 전송하거나 많이 사용할 클래스를 사용자에게 주는 방법이 열려 있는 역방향 호환성을 제공하므로 다운 받은 것을 또 다시 다운로드 할 필요가 없습니다.

4) Chart FX IE 는 크기를 초과한 파일을 동적으로 압축하는 독특하고 혁신적인 방법을 제공합니다. 이것은 커다란 파일들이 여러분의 사이트에서 좀 더 빠르게 다운로드 되도록 보장할 것 입니다.

Page 17: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 9 -

V. 보안.

웹을 항해할 때 만나는 핵심적인 문제 중의 하나는 웹 사이트에서 가장 최근의 소프트웨어를 다운로드하는 결과를 이해하는 것 입니다. 아마, 이 소프트웨어는 웹 보여주기 경험을 풍부하게 해 줄 것 입니다. 그러나 만일 사용자가 이전에 웹 사이트와 대화를 해 본적이 없다면 소프트웨어를 믿고 다운로드할 지가 명확하지 않습니다. 요즘의 인터넷 환경에서, 사용자는 코드를 다운로드 할 수 있으며 이것이 예고 없이 사용자 PC의 하드 드라이브를 재 포맷할 수도 있습니다. 코드를 게시한 사람이 누구인지도 모른 채, 사용자는 소프트웨어 게시자와 연락할 수도 없고 의지할 수도 없습니다. 또는 이 코드가 변경되었을 경우에, 사용자와 소프트웨어 게시자는 변경되었을 경우에 일어날 일을 알 수가 없을 것 입니다. 코드가 변경되었다는 것을 알고 있다면, 사용자는 코드의 일부에 악의가 숨어있는 것은 다운로드를 하지 말아야 합니다. 이 시나리오는 코드를 다운로드 할 때 요즘 인터넷 상에서 최종 사용자가 필요로 하는 것을 가리킵니다. 사용자는 코드를 게시한 사람이 누구 인지와 게시자가 소프트웨어를 게시한 후 코드가 변경되었는지를 명확하게 알아야 할 필요가 있습니다.

Chart FX ActiveX 는 승인된 코드로 검증 되었습니다! 소프트웨어 게시자는 코드에 디지털 사인이 첨부된 유일한 디지털 인증으로 그 코드에 사인을 합니다. 소프트웨어 게시자는 디지털 서명이 코드에 첨부된 유일한 디지털 증명서로 코드에 사인을 하고 소프트웨어의 어떠한 변경도 승인된 코드를 사용하여 검출될 수 있음이 보증 되어야 합니다. 결과적으로 최종 사용자가 인터넷에서 코드를 다운로드할 때, 승인된 코드는 사용자에게 코드를 게시한 사람이 누구인지를 알려주고 코드가 변경되지 않았다는 것을 사용자에게 검증해 주어야 합니다.

Page 18: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 10 -

Chart FX 3.5에서 마이그레이션 하기(migrating) Chart FX Internet Edition 3.5를 갖고 있다면, 여러분은 Chart FX IE 으로 마이그레이션 되는 것 (migrating)이 올바른 프로세스라는 것을 알게 될 것 입니다. 기존에 설치된 Chart FX IE 3.5와 공존 되도록 하면 Chart FX Internet Edition 설치는 좀 더 쉽게 될 것이다. 다음은 여러분이 명심해야 할 몇 가지 마이그레이션 문제점들 입니다:

1. 여러분이 선호하는 버전을 선택하기. \Server 디렉토리에 위치한 CIE3to4.exe 어플리케이션을 간단히 실행시켜 Chart FX IE 버전을 마이그레이션 할 수 있습니다. 어플리케이션을 실행시키면, 다음의 그림에서 묘사된 것처럼 여러분의 asp 페이지에서 CreateObject 메소드를 호출할 때 ChartFX.WebServer 이름으로 응답하는 버전이 어떤 것인가 하는 것을 선택할 수 있을 것입니다:

중요한 노트: Chart FX IE 은 좀 더 광범위한 API를 제공합니다. 이것은 여전히 Chart FX IE 3.5 의 대부분의 속성을 지원하지만 이 제품에 잇는 새로운 특징의 장점을 가져 오려면 새로운 Chart FX IE API를 살펴 보기를 강력히 권합니다. 또한, 어떤 Chart 타입은 새로운 버전에 영향을 받기 때문에 디폴트 값이 Chart FX IE 3.5와 동일하다고 보증할 수는 없습니다. 동일한 디퐅트 값이 유지되도록 노력 했지만 몇몇 차이점들 때문에 예상치 못한 결과가 되기도 합니다. 그러므로 Chart FX IE 이 예상했던 결과가 나타나도록 보증하도록 여러분의 기존 사이트에 대한 테스트를 전반적으로 할 것을 권합니다.

Page 19: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 11 -

2. 아직은 동일한 서버에 두개의 버전이 공유되기를 원한다면 위에서 보여준 대화 상자에 서술된 것처럼, 두개의 버전은 서로 다른 ClassID와 Programmatic ID를 갖고 있으며, CreateObject 메소드를 호출할 때 다음의 이름을 사용하여 Chart FX 3.5나 Chart FX 으로 Chart를 생성하도록 합니다:

Chart FX IE 3.5: Server.CreateObject("ChartFX.WebServer.3") Chart FX IE : Server.CreateObject("ChartFX.WebServer.4")

3. Chart FX 98 프로그래머 가이드 (ChartFX_98_Guide.chm) 에 있는 마이그레이션 유의사항을 주의깊게 읽어 보거나 마이그레이션 문제에 대한 더 많은 정보는 저희의 지원 사이트를 참조 하십시오.

Page 20: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 12 -

Page 21: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 13 -

Chart FX 프로그래머 가이드 아키텍처

이 절에서 다루는 주제들

서버 측 컴포넌트 클라이언트 측 컴포넌트

디자이너 컴포넌트

Page 22: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 14 -

Page 23: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 15 -

서버 측 컴포넌트 Chart FX 은 서버 측 컴포넌트를 제공합니다. 이 컴포넌트들은 다음과 같은 중요한 작업을 수행합니다:

• 데이터베이스, 검색 데이터, 상주 Chart로 접속하는 ADO (ASP) 처럼 데이터베이스와 통합. • 서버 측 실행 스크립트 언어나 브라우저에 보여주기 전에 Chart가 보이는 방법을 개발자가 커스터마이즈 하도록 허용하는 Active Server Pages에 대한 지원 제공.

• Chart가 모든 브라우저에서 보이도록 활성화 컨텐츠를 나타내고 HTML 태그와 호환 가능하도록 HTTP_USER_AGENT를 프로세스. 즉, Chart FX IE 서버 측 컴포넌트는 Chart FX IE에 브라우저 중심적 접근의 제공에 대한 책임을 가집니다.

• 활성화 컨텐츠로에 대한 지원을 제공하지 않는 요청을 브라우저가 게시할 때; Chart FX IE 서버 측 컴포넌트는 PNG나 JPEG 처럼 호환되는 이미지를 렌더링 할 책임이 있습니다.

• Chart 이미지가 URL로의 링크를 포함할 때 이미지 맵을 생성

다음의 서버 측 컴포넌트는 Chart FX IE 에 제공된다:

ActiveX 서버 컴포넌트. ActiveX 서버 컴포넌트는 여러분의 asp (ActiveX 서버 페이지)에서 Chart를 생성하고 조작하도록 허용하는 자동화 된 객체입니다. 이 컴포넌트는 브라우저에 독립적인 태그를 생성하도록 하고 모든 ADO (ActiveX Data Objects) 연결에서 데이터를 읽을 수 있습니다.

중요한 호환성 노트: Chart FX IE 서버 측 컴포넌트는 윈도우 상자에서 실행되는 IIS 사이트 웹 서버를 요구합니다.

라이센스 고려사항: Chart FX IE 서버 측 컴포넌트는 서버 단위/cpu 단위를 기초로 라이센스 된다. 더 많은 정보는 Chart FX IE 라이센스 계약서를 참조하거나 라이센스 협정에 대한 더 많은 정보는 (800) 392-4278, (561) 999-8888로 전화 하십시오.

Page 24: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 16 -

클라이언트 측 컴포넌트

대개의 경우 사용자는 여러분의 상용 웹 사이트나 기업의 인트라넷에 접속하기 위해 윈도우와 호환 가능한 시스템을 사용하게 될 것입니다. 이러한 사용자들을 위해 Chart FX IE 은 여러분의 브라우저에서 Chart로 직접 대화를 할 수 있도록 하는 클라이언트 측 컴포넌트를 제공합니다. 이 컴포넌트들은 다음과 같은 것들을 제공할 책임이 있습니다:

• Chart FX 서버 측 컴포넌트에 의해 전처리 된 데이터 액세스. • 브라우저 상에서 완전한 대화식 Chart. • 여러분의 웹 사이트에서의 즐거운 경험.

비록 클라이언트 측 컴포넌트가 독립적으로 사용되더라도, Chart FX 서버 측 컴포넌트와 연계되어 사용될 때 여러분의 웹 사이트로 서버측 컴포넌트를 통합하는 것은 투명한 프로세스입니다. 왜냐하면, 브라우저가 어떤 컴포넌트도 지원하지 않거나 Chart FX IE가 그런 플랫폼을 지원하지 않을 때는 서버는 적절한 컴포넌트 모델을 예로들거나 JPEG 이미지를 생성하도록 HTML 태그를 반환 할 것 입니다.

ChartFX는 다음의 클라이언트 컴포넌트를 제공합니다:

인터넷 익스플로러 용 32-비트 ActiveX 컨트롤 이 제어는 인터넷 익스플로러와 그 이상의 버전에서 자동적으로 다운로드 됩니다.이것은 최종 사용자가 브라우저에서 직접 Chart와 대화를 하도록 허용합니다. 이 컴포넌트는 여러분 웹 서버의 /Download 디렉토리에 위치한 캐비닛 파일 내부에서 랩 (wrap) 됩니다. 설치는 자동적으로 되고 사용자가 맨 처음 제어를 인스톨하기 전에 보안 인증은 프롬프트 됩니다.

32-비트 넷스케이프 플러그 인 넷스케이프 플러그 인은 여러분이 자유롭게 재분배하거나 클라이언트가 여러분의 사이트에서 자유롭게 다운로드 할 수 있는 DLL 파일입니다. 이것은 최종 사용자가 넷스케이프 3.x과 그 이상의 버전에서 Chart와 직접적으로 대화할 수 있도록 합니다. 이 컴포넌트는 여러분의 사용자가 이것이 실행되는 사이트에서 다운로드하고 그 머신 상에 설치할 수 있는 셋업 어플리케이션 (.exe)의 일부로 제공됩니다. 제어가 여러부 사이트의 클라이언트 머신 상에 적절히 설치되면 여러분의 사이트에서는 모든 대화형 Chart를 제공할 것입니다. .html 페이지와 함께 이 .exe 파일은 최종 사용자에게 여러분 웹 사이트의 /Download 디렉토리에 위치한 지침 사항을 제공 합니다.

중요한 호환성 노트: Chart FX IE 클라이언트 측 컴포넌트는 Windows 9x, Windows NT, Windows 2000을 포함한 윈도우의 32-비트 버전에만 제공됩니다. 만일 16-비트와 호환 가능한 클라이언트 측 컴포넌트가 필요하다면 16-비트 플러그 인이 제공되는 Chart FX IE 3.5를 사용해야 합니다.

Chart FX 클라이언트 측 컴포넌트에 추가적으로 가능한 것에 대한 더 많은 정보는 소프트웨어 FX, inc에 전화 하십시오. 저희 전화 번호는 (561) 999-8888, (800) 392-4278 이며 최근의 연락 정보에 관해서는 저희 웹 사이트인 http://www.softwarefx.com을 참고 하십시오. 라이센스 고려사항: Chart FX IE 클라이언트 측 컴포넌트는 브라우저 상에 이것들을 예증할 때 요구되는 LIC 파일을 재 배포하지

Page 25: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 17 -

못하도록 제공된 배포용에 대한 로열티는 없습니다. 이 LIC 파일은 여러분의 서버에 항상 있어야 합니다. 라이센스 옵션에 대한 더 자세한 사항은 (561) 999-8888로 전화 주십시오

디자이너 컴포넌트

Chart FX 는 extensive API (Application Programming Interface)나 속성을 제공하며 메소드는 개발자가 Chart를 어떻게 보이도록 할 지를 커스터마이즈 하도록 하며, Chart FX IE 은 개발자가 Chart 구성 프로세스를 빠르고 쉽게 하도록 하는 디자이너 컴포넌트를 제공합니다. 다음의 디자이너 컴포넌트는 Chart FX IE 에서 제공됩니다:

Chart FX IE 디자인 시간 제어 (DTC) 제어는 Visual InterDev (ASP 페이지를 개발할 대 사용되는 마이크로소프트 툴)와 정상적으로 사용됩니다. 이 컴포넌트는 개발자가 Chart FX API에 익숙하지 않더라도 Chart의 UI (User Interface)와 개발자의 대화로 자동적으로 생성될 ASP 페이지에서 Chart를 통합할 때 필요한 ASP 코드처럼 Chart를 재빨리 통합하고 커스터마이즈 할 수 있도록 합니다. Chart FX API에서 단일 속성이나 메소드를 배우지 않고도 몇 분만에 Chart가 생성되도록 하므로 이는 굉장히 중요합니다. 더 자세한 정보를 원한다면, 이 설명서의 다음 장에 있는 Chart FX DTC를 검토하십시오.

Chart FX IE 템플릿 & 코드 발생기 이것은 개발자가 Chart 어트리뷰트로 메인 파일을 생성하고 다양한 서버 (ASP와 ColdFusion이 포함 된)를 위해 서버 측 스크립트를 생성하여 사용할 수 있도록 하는 SDI (Single Document Interface) 를 제공하는 표준 윈도우 어플리케이션 (.EXE) 입니다. 더 자세한 정보는 이 설명서 뒤에 나오는 Chart FX IE 템플릿과 코드 생성자 를 찾아 보십시오.

Chart FX IE 디자이너 컴포넌트는 프로그래밍 유틸리티 입니다. 그러므로, 이 툴들은 최종 사용자에게 제공되는 것이 아닙니다. 라이센스 고려사항: Chart FX IE 디자이너 컴포넌트는 개발자 기준으로 라이센스 되었습니다. Chart FX IE 으로 여러분은 Chart FX IE 디자이너 컴포넌트의 1개의 라이센스를 갖습니다. 추가적인 개발자가 있다면 라이센스를 추가로 구매해야 합니다. 라이센스 옵션과 가격에 대한 더 자세한 정보는 (561) 999-8888로 연락하십시오.

Page 26: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 18 -

Page 27: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 19 -

Chart FX 프로그래머 가이드 Chart FX IE 설치하기

이 절에서 다루는 주제들 설치 순서

IIS 설치 문제

Page 28: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 20 -

Page 29: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 21 -

Chart FX IE 설치하기

Chart FX IE 은 서버 측 과 디자이너 컴포넌트를 제공하므로, 이 제품을 잘 설치하기 위해 필요한 두 개의 단계가 있습니다:

1) 여러분의 웹 서버에 설치 서버 측 설치 파일이 있습니다 (CfxIESrv.exe). 이 파일은 웹 서버로 작동되도록 머신에 설치해야만 합니다. 이 설치 어플리케이션은 머신에 설치되어 잘 작동 되는 웹 서버를 요구합니다. 다른 시스템이나 다중 프로세서로 머신에 설치하기 전에 Chart FX IE 라이센스 계약서를 읽어 보십시오.

2) 페이지 개발에 사용되는 시스템에 설치 Chart FX 디자이너 컴포넌트는 또한 자신의 설치 파일을 제공합니다 (CfxIEDsg.exe). 이것은 개발자가 페이지 개발에 사용되는 머신 상에서 이 디자이너 툴을 적절하게 사용할 수 있도록 합니다. Chart FX 디자이너 컴포넌트가 개발자 기준으로 라이센스 되도록 주의하십시오. Chart FX IE 구매로 여러분은 개발자 1명에 대한 사용이 부여 된 이 컴포넌트의 복사에 대한 1개의 라이센스를 얻게 된 것 입니다. 만일개발자가 좀 더 있다면 추가의 라이센스를 구매해야 합니다.

만일 웹 서버와 개발 시스템으로 제공된 머신과 동일한 것을 사용할 것이라면, 모든 설치 파일은 동일 한 머신에서 실행되어야 합니다. 일단 여러분의 페이지를 생산 서버 (production server) 로 마이그레이션 할 준비가 되었다면 프로덕션 서버에 측 설치를 해야 할 것이지만 디자이너 컴포넌트는 웹 서버에 설치 될 필요가 없습니다. 라이센스 고려사항: Chart FX IE 은 서버 단위/cpu 단위를 기준으로 라이센스 됩니다. 즉, 그 중의 하나가 개발 목적으로 사용될 지라도 서로 다른 2개의 서버에 동일한 복사본을 설치할 수 없습니다 . 그러나, 개발 서버에 설치 된 복사본이 완전히 제거되고 production 서버에 대한 적절한 라이센스 요금은 지불했지만 사용하지 않는 production 서버의 복사본을 다른 머신 상에 설치하면 개발 목적용의 개발 서버에 복사본을 설치한 후 production 서버에 마이그레이션 할 수 있습니다. 라이센싱 옵션과 가격에 대한 더 자세한 정보는 [email protected] 으로 메일 주십시오.

만일 윈도우 NT 상자 안에서 Chart FX IE 을 설치하려면 IIS 설치 문제에 대해 배워야 할 것입니다.

중요한 클라이언트 측 컴포넌트 정보 Chart FX 클라이언트 측 컴포넌트는 서버 설치 어플리케이션에 포함됩니다. 이 파일들은 여러분 웹 서버의/Download 디렉토리에 복사되어 클라이언트 시스템에 의해 적절하게 다운로드 되고 설치됩니다. 많은 개발자들은 클라이언트에 의해 이 파일들을 실제로 다운로드 되기 전에 자유롭게 배포할 수 있는지에 관한 문의를 합니다. 만일 개발 목적으로는 이 파일들을 재 배포하지 못한다거나 LIC 파일들은 브라우저 상에서 이 컴포넌트들이 실제 예로 요구되는지 (LIC 파일은 웹 사이트에 남아 있어야 만 한다)와 이 파일들은 여러분의 사이트에 나타나는 Chart를 보여 줄 목적으로 만 이 파일들을 재 배포할 수 있는지 등등으로 이 파일들을 자유롭게 재 배포할 수 있는 자격이 있는지를 아는 것은 중요합니다.

Page 30: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 22 -

인터넷 정보 서버 문제점

서버 설치 어플리케이션 (CfxIESrv.exe)은 모든 서버 컴포넌트에 등록 될 것이고 IIS와 작동될 Chart FX를 만들기 위한 적절한 디렉토리를 생성할 것이다. 다음의 디렉토리는 WWWRoot아래에 생성됩니다:

CfxTemp 디렉토리는 모든 Chart 의 temporary 파일을 저장하도록 생성될 것입니다. 브라우저가 Chart를 포함하는 페이지에 대한 요청을 게시할 때, Chart FX IE 서버 측 컴포넌트는 이미지 (PNG나 JPEG)이나 Chart 파일 (CHW)을 생성할 것입니다. 이 파일들은 클라이언트 상에서 Chart를 나타내도록 나중에 브라우저로 다운로드 됩니다. 이 파일들은 Chart FX IE 으로 보내지며 유틸리티로 제거될 수 있습니다. 만일 파일이나 이미지가 생성되는 것을 원하지 않는다면 이 디렉토리에서 파일의 생성을 방해하도록 Chart 파일에 포함되어 있는 비트 스트림을 생성할 수 있습니다. 이 주제는 이 장의 뒤에서 논의 됩니다. /License 디렉토리는 클라이언트 브라우저 상의 액티브 컨트롤과 넷스케이프 플러그 인의 실예로 요구되는 LIC 파일 저장을 위해 생성될 것입니다. 원래, 서버 측 컴포넌트가 요청을 게시하는 브라우저와 추가적인 파라미터 (PARAM)로 호환 가능한 태그를 생성할 때 이 디렉토리에 위치한 LIC 파일을 브라우저가 읽도록 하는 명령이 생성될 것입니다. Chart FX IE 라이센스 계약서 상에서 이 LIC 파일의 재 배포에 대한 권한이 없음을 명심하십시오. 이 파일은 항상 여러분의 웹 서버 상에 남아 있어야 만 합니다.. /Download 디렉토리는 캐비닛 파일과 넷스케이프 클라이언트 측 플러그 인으로 생성될 것입니다. 또한 이 디렉토리에서 넷스케이프 브라우저가 설치된 플러그 인을 갖고 있지 않을 때의 요청을 리다이렉트 (redirect)하는 넷스케이프에 의해 사용되는 html 파일을 찾을 수 있을 것입니다. 원하는 대로 이 html 파일을 자유롭게 변경할 수 있습니다. 여러분의 사이트를 디자인할 때 조절할 수 있도록 이 파일을 잘 살펴 보시기를 권합니다.

실제의 root는 설치 과정 동안 생성됩니다:

CfxIE 는 Chart FX IE를 사용한 샘플을 가리킵니다. 즉 http://MyServer/CfxIE 를 간단히 타이프하여 Chart FX 샘플 ASP 파일로 액세스 할 수 있습니다. http 프로토콜의 사용으로 이 샘플로 액세스하는 것을 주의하십시오. 디폴트 편집기가 asp 파일을 열고 실행시키지 않을 때 윈도우 익스플로러 (File Manager)에서 asp 파일을 더블 클릭하지 마십시오.

CfxSrv.ini 는 웹 서버에 따라 정보가 적절히 갱신되도록 할 것입니다. Chart FX IE ini 파일 다루는 방법에 대한 자세한 정보는 "여러분의 웹 서버 조정하기" 장을 참조 하십시오.

Page 31: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 23 -

Chart FX 프로그래머 가이드 서버 조정하기

이 절에서 다루는 주제들

소개 설정 (INI) 파일

SfxCgi.ini 설정 파일 SfxCgiWC.ini 설정 파일

Page 32: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 24 -

Page 33: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 25 -

Chart FX 서버 컴포넌트 조정하기

여러분 페이지에 있는 Chart를 생성하고 통합하기 전에, Chart FX 운용에 적용되는 여러 가지의 중요한 문제점들을 이해하는 것이 중요합니다. 이 장은 Chart FX 설정 파일에서 변경해야 할 중요한 셋팅이 인터넷인지 인트라넷인지 여러분이 사용하는 환경에 따라 서버가 적절하게 설정되도록 하는 방법을 소개할 것입니다.

ChartFX 서버는 브라우저에서 나온 HTTP_USER_AGENT 를 처리한다. 이것은 브라우저가 독립되도록 하는 데 아주 중요하다. Chart FX 서버 측 컴포넌트 브라우저에서 나온 UserAgent 를 읽어서 브라우저가 컨텐츠를 활성화 하거나 비활성화 하는지를 결정할 수 있다. 그러므로, 동적으로 이미지를 생성하거나 브라우저에 적절한 태그를 되 돌려 보냅니다. 즉 브라우저에서 나온 UserAgent 를 프로세싱하면, Chart FX 서버 컴포넌트는:

• 만일 인터넷 익스플로러가 사용된다면 <OBJECT> 태그를 반환하여 ActiveX 컴포넌트가 브라우저 상에 사용될 수 있습니다.

• 만일 넷스케이프가 사용된다면 <EMBED> 태그를 반환하여 넷스케이프 플러그인이 브라우저 상에 사용될 수 있습니다.

• 또 다른 브라우저 (unix, mac) 가 사용될 경우에는 동적으로 Chart 이미지를 생성하고 <IMG> 태그를 반환하거나 프로그래머가 Chart FX 서버 컴포넌트에 초점을 맞추어 어떤 브라우저를 사용하는지에 관계없이 이미지를 생성합니다.

Chart FX 는 설정 (INI) 파일을 사용하여 브라우저에서 나온 UserAgent 에 일치시킵니다. ActiveX 나 PlugIn (플러그 인)을 사용하여 브라우저의 능력을 결정하기 위하여, Chart FX는 브라우저에 적절한 태그를 반환하도록 SfxCgi.ini 과 SfxCgiWC.ini 파일을 사용합니다. 그러므로, 브라우저에 대한 적절한 대답을 받지 못했다면 이 설명서 두의 주제인 설정 파일을 체크 해보시고 사용하십시오.

Chart FX 컴포넌트는 실제로 서버 상의 Chart를 생성합니다. ASP 코드가 Chart FX 서버 컴포넌트에서 실행될 때는 메모리에 Chart가 생성될 것입니다. 즉, 여러분의 서버는 이제 ASP 코드에서 제공된 설명에 따라 이미지와 Chart 파일을 생성할 것입니다. 그러므로, 만일 다른 결과를 얻게 된다면 서버 상의 하드웨어와 소프트웨어 설정 때문일 것입니다. 예를 들어, Chart를 생성하고 특정한 색으로 배경 색을 예상했는데 이미지가 다르게 생성된다면 서버에 비디오 설정 때문일 것입니다. 같은 현상이 폰트에도 일어날 수 있습니다. 예를 들어, 개발 머신에 특별한 폰트를 사용하는데 production 서버에서 그 폰트를 가져오지 못한다면 서버에 그 폰트가 설치되지 않았기 때문입니다.

Chart FX 서버 컴포넌트는 설정 파일 내의 엔티티에서 클라이언트 태그를 완전하게 합니다. 클라이언트 측 컴포넌트가 있는 곳에서 브라우저는 명령을 받으므로 CfxSrv.ini 라는 또 다른 config 파일은 OBJECT와 EMBED 태그가 어떻게 생성되는지를 제어합니다. 이 config 파일은 웹 서버 상에 Chart FX를 설치할 때 알맞게 갱신됩니다. 그러나 리 서버 설정의 어떤 것이라도 변경을 원할 때는 이 파일이 있다는 것을 잊지 말아야 합니다.

Page 34: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 26 -

이 파일(CfxSrv.ini)은 또한 Chart FX 서버 컴포넌트와 관련된 여럿의 기타 중요한 설정들을 제어합니다. 다른 설정들은 이 장의 "Other settings (기타 설정)"에 완전히 서술되어 있습니다.

Chart FX 서버 컴포넌트는 웹 서버가 시작될 때 로드 됩니다. 즉 Chart FX 서버 컴포넌트는 Chart에 대한 첫번째 요청이 만들어질 때 로드 될 것이고 웹 서버가 멈출 때까지 로드 되어 있을 것입니다.

Chart FX 설정 파일은 한번만 로드 됩니다. Chart FX 서버 컴포넌트는 Chart에 대한 첫번째 요청이 만들어질 때 로드 되어 웹 서버가 멈출 때까지 로드 되어 있으므로, config (ini) 파일을 변경하려면 웹 서버가 멈추거나 재시작 되지 않을 때는 효과가 없을 것입니다. 그렇기 않으면, "INI 파일 재로딩하기" 주제에 서술된 것처럼 INI 파일을 재로드(reload) 하도록 ASP에 명령을 합니다.

Page 35: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 27 -

SfxCgi.ini 설정 파일

Chart FX는 브라우저가 요청을 게시하도록 지원하는 객체의 종류를 결정하도록 /CfxIE4/Config 디렉토리에 위치한 SfxCgi.ini 라는 이름의 파일을 사용합니다. Chart FX가 GetHtmlTag 메소드를 처리할 때 클라이언트에 의해 사용되는 브라우저 “learn about”에 HTTP_USER_AGENT 헤더 변수를 사용합니다. Agent Name 과 동일한 제목의 주제에 대해 SfxCgi ini 에서 검색하고 Object 키를 검색합니다. 만일 object 키를 찾으면 다음 중 하나의 값이 사용될 것입니다: (ActiveX, PlugIn, None) 만일 object를 찾지 못하면 Parent라는 이름의 키를 검색할 것입니다. 마지막으로, Parent 에 제공되는 정보를 사용할 것입니다. 이 프로세스는 순환적이지 않으므로 브라우저의 parent는 항상 object 태그를 포함할 것입니다. Example:

[IE 3.0] object=ActiveX [Mozilla/2.0 (compatible; MSIE 3.01; Windows 95)] parent=IE 3.0 platform=Win95 [Netscape 3.0] object=PlugIn [Mozilla/3.0 (Win95; I)] parent=Netscape 3.0 platform=Win95 [Mozilla/3.0b4 (Macintosh; I; PPC)] parent=Netscape 3.0 platform=MacPPC Object=None

누군가 Windows95에서 인터넷 익스플로러를 사용하여 Chart가 포함된 페이지 중 하나를 선택했다면 Chart FX의 HTTP_USER_AGENT 는 "Mozilla/2.0 (호환; MSIE 3.01; Windows 95)"를 받고, Chart FX는 주제 명의 object 키에 대한 검색을 우선 할 것입니다. 왜냐하면 이 키를 찾을 수 없다면 parent 키를 검색하고 parent의 “IE 3.0”를 찾아야 합니다. 그러면 parent에 대한 객체와 “ActiveX”를 찾을 수 있으며, 그래서 태그는 <OBJECT> 태그가 생성될 것입니다. 이제 또 다른 사람이 메킨토시에서 넷스케이프 3.0을 사용하여 여러분의 페이지를 선택했다면, 이번의 Chart FX는 MAC 플러그 인을 제공하지 않으므로 "Mozilla/3.0b4 (Macintosh; I; PPC)" 에 대한 object는 parent “넷스케이프 3.0”이 Object=PlugIn 값을 가더지라도 Object=None로 지정됩니다. 이 Chart FX는 이 브라우저에 대한 JPEG 파일을 생성할 것이므로 이 샘플은 Parent 키에 대한 Object 키의 우선 순위를 나타내려고 합니다.

Page 36: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 28 -

그러나, SfxCgi.ini 파일에서 UserAgent 를 사용할 수 없다면 어떤 일이 일어날까?

만일 인트라넷처럼 제어되는 환경에 있다면, 인트라넷 내의 브라우저에 의해 사용되는 UserAgent가 SfxCgi.ini 내의 적어도 하나의 엔트리와 일치될 것을 보증하는 것은 쉽다. 이 경우, 다양한 브라우저에 대한 지원을 추가하도록 단순히 SfxCgi.ini 파일에 엔트리를 추가할 수 있다.

그러나, 만일 인터넷 사이트에 여러분의 사이트를 배치한다면, daunting 태스크가 될 것입니다. 만일 이것이 불가능하다면 서로 다른 브라우저에서 보내온 모든 UserAgents의 목록을 관리해야 합니다. 동일한 브라우저를 서로 다른 서버의 UserAgents 로 보내지므로 이 상황은 점점 더 나빠질 것입니다. 이 상황에 대한 완전한 예는 인터넷 익스플로러나 넷스케이프이며, 회사에 따라 브라우저에 embedding 하거나 OEMing하여 헤더를 커스터마이즈 합니다. 예를 들어, 여러분은 마이크로소프트 사이트에서 다운로드 할 수 있는 사용자 보다는 ISP (AOL 같은)에 의해 사용되는 인터넷 익스플로러에서 서로 다른 UserAgent를 받게 됩니다.

이것은 또한 IT 부서가 클라이언트 머신에 설치된 브라우저로 제어 되지 않을 때 거대한 인트라넷에 유효합니다.

이 상황은 와일드 카드 매칭 (Wild Card matching )을 통해 브라우저 검출을 지원하는 Chart FX 서버 컴포넌트에 초점을 맞춥니다. 그러므로, 특별한 UserAgent가 SfxCgi.ini 파일에서 발견되지 않을 때, Chart FX 서버 컴포넌트는 브라우저를 찾도록 시도하는 여럿의 와일드 카드가 제공되는 설정 파일인 SfxCgiWC.ini로 제어를 주고 SfxCgi.ini 파일 내에서 특별한 parent와 일치됩니다.

이 파일에 대한 더 자세한 정보는 SfxCgiWC.ini 파일을 참조 하십시오.

Page 37: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 29 -

SfxCgiWC.ini 설정 파일 (와일드 카드로 브라우저 검출)

SfxCgi.ini 는 브라우저가 지원하는 object의 종류가 무엇인지를 결정할 때 사용되고 UserAgent가 이 파일에서 발견되지 않을 때, 만일 실제로 요청을 게시할 브라우저를 찾게 된다면 Chart FX 서버 컴포넌트를 SfxCgiWC.ini로 돌립니다. 이 파일과 SfxCgi.ini과의 차이점은 와일드 카드 매칭을 사용한 UserAgent를 찾을 수 있는 능력입니다.

중요한 노트: 여러분은 /CfxIE4/Config 디렉토리 (as SfxCgi.ini 과 동일한 위치)에서 이 파일을 찾을 수 있으며 노트패트 같은 표준 텍스트 에디처를 사용하여 편집할 수 있습니다.

이것은 특별한 브라우저에 소프트웨어 벤더가 UserAgent를 커스터마이즈하는 것을 고려할 때 굉장히 중요합니다. 예를 들어, 인터넷 익스플로러 5.0은 다음의 UserAgent를 나타낼 것입니다 :

Mozilla/4.0 (compatible; MSIE 5.0; Windows 98; CNETHomeBuild03171999; DigExt) Mozilla/4.0 (compatible; MSIE 5.0; MSN 2.5; Windows 98; AT&T WNS5.0 IE5.0.01; AT&T WNS5.0) Mozilla/4.0 (compatible; MSIE 5.0; Windows 95; ic24v1.0b7)

인터넷 사이트에 Chart를 나타낼 때 SfxCgi.ini 내에서 가능한 모든 UserAgents를 추가하고 제어하는 것은 실제로는 불가능합니다.

브라우저에 사용될 수 있는 컴포넌트를 알도록 Chart FX를 도와 줄 Parent와/혹은 Object 키를 따르는 특정한 브라우저에 대해 UserAgent를 검출할 때 SfxCgiWC.ini 는 와일드 카드 (아래의 "Constructing a Rule" 참조) 로 사용될 수 있는 여러 개의 문자를 사용합니다. 예를 들어, SfxCgiWC.ini 에서 다음의 규칙은 인터넷 익스플로러 5와 대응되는 위의 예에 있는 모든 브라우저 목록을 결정하는 것을 도울 수 있습니다:

Mozilla/4.0 (compatible; MSIE 5.*; ^Windows 9?*!Parent=IE 5.0

일단 브라우저가 검출되면, Chart FX 서버 컴포넌트는 IE 5.0이 이 브라우저에 대한 parent임을 결정하는 규칙에서 지정된 Parent 키를 사용할 것입니다. 그리고 어떤 종류의 object가 이 브라우저로 되돌려질지를 알려주는 SfxCgi.ini 로 돌아가고 다음의 카테고리를 찾습니다:

[IE 5.0] Object = ActiveX Image = Png

SfxCgi.ini 파일 내의 이 엔트리는 요청을 게제할 브라우저로 보내질 <OBJECT> 태그를 결정하도록 Chart FX를 도와 줍니다.

마지막으로, Chart FX 서버 측 컴포넌트는 이 UserAgent를 [MatchedBrowsers]라는 이름의 카테고리에 있는 SfxCgi.ini 와 SfxCgiWC.ini에 추가하면, 모든 브라우저가 와일드 카드 접근을 사용했다는 것을 알게 될 것입니다.

똑같이 중요한 것은 그 브라우저들이 활성화 컴포넌트로 사용될 수는 있지만 Chart FX IE로는 인식되지 않는 인터넷 익스플로러나 넷스케이프의 버전이 될 수 있는 SfxCgi.ini 나 SfxCgWC.ini로 인식되지 못한다는 것입니다. 이럴 경우, Chart FX는 이 브라우저가 활성화 컴포넌트를 지원할 수

Page 38: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 30 -

있는 지를 결정할 수 없으므로 Chart의 이미지를 생성하고 엔트리는 SfxCgiWC.ini 파일의 [NotMatchedBrowsers] 카타고리에 추가 됩니다.

노트: 서로 다른 UserAgent를 가지고 있는 인터넷 익스플로러나 넷스케이프의 특정한 버전이 검출되지 않는다면 검사를 위해 SfxCgiWC.ini 의 수정본을 만드는 것은 중요하므로 여러분은 활성화 컴포넌트를 사용하여 다음 번에 브라우저가 여러분의 사이트를 사용하도록 규칙을 생성합니다.

중요한 노트: 중요한 벤더가 그들 브라우저의 새로운 버전을 출시할 때, 그들은 User Agent를 변경합니다. 이 경우, 저희는 정상적으로 저희가 지원하는 사이트 (http://support.softwarefx.com)에 SfxCgiWC.ini 의 현재 버전을 가지고 있거나 SfxCgiWC.ini 에 새로운 규칙을 추가 할 수 있습니다.

Page 39: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 31 -

새로운 브라우저 프로파일 추가하기 Y여러분은 Chart FX로 지원되는 와일드 카드 문자를 사용하여 브라우저의 User Agent와 일치하는 규칙을 만들 수 있습니다. 이 문자는 SfxCgiWC.ini 에서 와일드 카드로 지원됩니다:

문자 ?는 어떤 문자와도 매치될 것입니다 예. 'Mozilla/4.?' 는 'Mozilla/4.1' 나 'Mozilla 4.2'와 매치 됩니다. 문자 * 는 규칙으로 다음 문자가 발견될 때 0 이상의 문자와 매치될 것입니다 예. 'MSIE 4.*;'는'MSIE 4.0;' 나 'MSIE 4.01axy;'와 매치 됩니다. '(Win95; *16-bit' 는 '(Win95; I; 16; 16-bit'와 매치되지 않습니다.

문자 ^ 는 규칙으로 다음 문자가 발견될 때 0 이상의 문자와 매치될 것입니다 예. '(Win95; ^16-bit' 는 '(Win95; 16-bit' 나 '(Win95; I; 16; 16-bit'와 매치 됩니다. 문자 # 는 다음 문자 보다 크거나 같은 숫자와 매치될 것입니다 예. '4.0#4' 는 '4.04' 나 '4.05' 와는 매치되지만 '4.02'와는 매치되지 않습니다. 문자\ 는 이스케이프 키 (escape key)로 \? 는 ?와 \*는 *와 매치 될 것입니다 \^ 는 ^와 매치되고 \\ 는 \와 매치 될 것입니다. 문자 ! 는 규칙의 끝을 나타냅니다.

규칙에 따라 다음에 있는 문자를 찾았지만 스트링이 일치하지 않을 때(규칙의 ‘다음번’ 문자의 또 다른 어커런스에 대한 검색을 할 것 입니다) 백트래킹이 필요하므로 ^ 은 * 보다 expensive (slower) 하다. 주어진 규칙에는 10^ 문자의 제한이 있습니다. 테스트 된 첫번째 규칙은 R[LAST]가 되고 마지막은 R0가 될 것입니다. 먼저 테스트 되었으므로 새로운 브라우저가 목록의 맨 위 (더 큰 번호)에 추가 되다는 것은 중요합니다.

Page 40: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 32 -

CfxSrv.ini 설정 파일 (서버 설정)

SfxCgi.ini 과 SfxCgiWC.ini 파일이 요청을 게시하는 브라우저를 결정하는 데 어떻게 사용되는지를 배웠습니다. 이제, Chart FX는 요청을 게시하는 브라우저에 따라 <OBJECT>, <EMBED> , <IMG> 태그를 생성할 필요가 있습니다.

이 태그들 각각은 Chart FX로 생성된 파일의 위치에 대한 특정 정보를 요구하고, ActiveX 나 Plug-In 같은 활성화 컴포넌트의 경우 여럿의 기타 파라미터들은 컴포넌트가 위치한 곳을 브라우저가 가리키도록 요구하며 클라이언트 측 컴포넌트를 실예로 서버에서 라이센스를 로드 하도록 브라우저에게 명령합니다.

일단 서버가 Chart object를 생성하면 임시 디렉토리에 Chart를 생성하도록 CfxSrv.Ini 파일에 저장된 설정을 찾아 알맞게 <CODEBASE>, <EMBED>, <IMG> 태그를 완성합니다. CfxSrv.Ini 파일 (/CfxIE4/Config 디렉토리에 위치한)은 [Output] 카테고리이고 이 태그들을 생성할 때 사용하는 서버 컴포넌트의 중요한 정보를 포함합니다:

[Output] Relative=/cfxtemp Absolute=D:\WebSupport\cfxtemp Codebase=/download/CfxIEAx.cab#Version=4,4,11,3 License=/license/CfxIE.lic PluginVersion=4,4,11,3 PluginsPage=/download/NpCfxIE.htm

이 파라미터는 다음과 같이 사용됩니다.:

상대와 절대: 이 파라미터는 서버 상에 이미지나 Chart 파일을 생성하는 서버 측 컴포넌트로 사용될 것입니다.

상대 경로는 이미지가 있는 곳에서 <EMBED>, <OBJECT>, <IMG> 태그를 생성하는데 사용될 것입니다.

절대 경로는 디렉토리에 임시 Chart 파일이나 이미지를 생성하기 위해 서버 상에서 실행되는 컴포넌트의 인스턴스로 사용됩니다. 이 설정은 IIS 에 의해 사용되지 않습니다; 절대에서 상태 경로로의 변환이 제공되지 않는 ColdFusion 과 기타 서버에 의해서만 사용됩니다.

CodeBase: <OBJECT> 태그에서 CODEBASE 파라미터를 생성하는데 사용되므로, 버전 번호의 존재를 유의하시기 바랍니다. 제어되는 새로운 버전이 서버에 갱신될 때 이것은 특히 중요합니다. 모든 고객에게 이 버전 번호를 갱신하면 Chart FX 클라이언트 컴포넌트를 이미 갖고 있을지라도 새로운 ActiveX 컨트롤을 다운로드 하도록 프롬프트 될 것입니다.

라이센스: Chart FX ActiveX 와 넷스케이프 플러그 인 모두는 제어되도록 라이센스 되어 있습니다. 즉, 브라우저 상에서 그것들을 예제로 서버 상에 위치한 라이센스를 읽도록 요구할 것입니다. CfxSrv.ini 내의 이 엔트리는 라이센스 파일 (.LIC) 이

Page 41: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 33 -

서버 상에 위치되는 곳을 결정하도록 Chart FX 서버 컴포넌트를 도우며 적절한 <OBJECT> 나 <EMBED> 태그 파라미터를 생성할 것입니다.

플러그 인 버전 (PlugInVersion): 새로운 버전으로 변경될 때, 플러그 인의 새로운 버전이 있는지를 넷스케이프가 결정하는 것을 돕는데 사용되며, 머신에 이미 설치되어 있더라도 사용자는 플러그 인의 새로운 버전이 다운로드 되면 프롬프트 될 것입니다.

플러그 인 페이지 (PlugInsPage): 넷스케이프 플러그 인은 ActiveX 컨트롤처럼 메커니즘이 동일한 자동 설치를 제공하지 않으므로 사용자는 셋업 어플리케이션을 다운로드 받고, 실행시키면 적절하게 플러그 인을 설치하도록 넷스케이프를 재 시작합니다. CfxSrv.ini 에서 이 설정들은 플러그 인이 위치한 곳의 페이지의 명령을 다운로드 한 곳의 넷스케이프를 가리키는데 사용됩니다. 넷스케이프 사용자가 첫 번째 요청에 대한 Chart를 포함하는 페이지를 찾을 때는 Chart FX 플러그 인에 어떻게 다운로드 되고 설치되는지에 관해 사용자에게 명령어들을 제공하는 이 페이지로 리다이렉트 될 것입니다.

이 파라미터와 브라우저가 파라미터들을 어떻게 사용하는지에 관한 더 자세한 정보는 "서버 응답“ 장을 참조하십시오.

CfxSrv.ini 파일은 또한 이 매뉴얼의 “Other Settings” 주제에서 포함하고 있는 서버 조정에 대한 기타 중요한 설정 사항들을 포함합니다. 사항들은:

• 파일 압축 • 이미지 생성 • 다운로드 StatusBar • Chart FX 확장

Page 42: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 34 -

Page 43: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 35 -

Chart FX 프로그래머 가이드 기타 설정

이 절에서 다루는 주제들

비디오 설정 이미지 생성 파일 압축

다운로드 상태 바(StatusBar) Chart FX 확장

설정 파일 재 로딩하기 (ini)

Page 44: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 36 -

Page 45: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 37 -

비디오 설정

ASP 페이지 내의 코드는 서버 상에서 실행되므로, 서버 상의 다른 설정들은 Chart FX 가 생산하는 성능이나 출력에 영향을 줄 수 있습니다. 실제 Chart는 ASP 페이지 내에서 코드로 제공된 명령에 따라 서버 상에 생성되므로, 서버 상의 설정은 실행되고 있는 코드와 호환 가능하도록 설정되고 생성되는 Chart가 어떻게 될 것인가에 대해 알고 있어야 합니다.

Chart FX Chart가 어떻게 생성되는가 하는 것에 영향을 받는 가장 중요한 하드웨어는 비디오 카드입니다. 저희는 통상적인 문제점을 예로 들 것 입니다:

개발 머신에서, 여러분은 시각적으로 매력이 잇는 웹 사이트를 생성할 때 필요한 도구를 설정해야 합니다. 특히, 여러분의 비디오 카드는 트루 컬러 (32-Bit Color)로 설정되어 있습니다. ASP 페이지를 개발할 때, Chart에 백만의 색입체(solid color)를 설정할 수 있습니다. 그러나, 여러분의 서버를 설정할 때, 이 서버를 브라우징이나 개발 목적으로 의도하지는 않습니다. 그러므로, 256 컬러의 비디오 카드 설정이 포함된 표준 윈도우 설정을 남겨 놓습니다. ASP 코드가 실행되면, Chart를 생성하고 Chart의 속성 설정을 시작합니다 (서버에서 발생됩니다). 컬러 속성이 설정될 때, 윈도우는 색입체를 찾지 못한다면 자동적으로 색깔 떨림 현상이 나타납니다. 브라우저에서 Chart를 받아들일 때 (브라우저가 트루 컬러로 설정되었다 하더라도) 개발 머신에 적용할 동일한 컬러를 얻을 수 는 없습니다.

서버 상에서 제안된 비디오 카드 설정은 여러분이 Chart를 어떻게 만드는가 달려 있습니다:

U특별한 팔레트를 사용하거나 브라우저애 친숙하지 않은 팔레트를 사용한다면 트루 컬러 (24-BIT COLOR) 를 참조 또는 어떤 컬러가 브라우저에 친숙한 컬러인지를 모를 때도 참조 하십시오. 이는 여러분의 원래 페이지 설계를 조절하는 Chart를 여러분 서버에 생성하도록 할 것입니다. 게다가 이것은 Chart FX 가 Chart 내의 컬러 세트와 패턴을 일치할 필요가 없으므로 성능을 강화 할 것입니다. 만일 여러분의 서버가 Chart에 매우 민감하다면, 이 설정은 서버의 성능을 많이 강화하게 될 것입니다.

여러분이 브라우저에 친숙한 팔레트를 사용한다면 256-컬러를 사용하십시오. 만일 팔레트화 된 PNG 이미지 (ImgColors = 256) 를 생성한다면 서버가 256 컬러를 실행되는 더 나은 성능을 가지고 있어야 할 것입니다.

CfxSrv.ini 파일은 또한 비디오 설정에서 Chart 이미지가 어떻게 독립적으로 생성되는지 제어할 수 있는 [Png] 와 [JPEG] 섹션을 제공합니다.이 파일을 어떻게 적절히 설정하는지에 관한 더 자세한 "이미지 생성" 을 참조하십시오.

Page 46: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 38 -

폰트 설정

동일한 규칙이 폰트에도 적용됩니다. 만일 Chart 예로 특별한 폰트 타입을 사용한다면, 클라이언트 측 컴포넌트 (ActiveX 나 PlugIn). 를 활성화하는데 사용하는 브라우저와 마찬가지로 서버에 설치될 폰트가 사용됨을 확인하십시오. 만일 단지 이미지를 생성하려면, 이 폰트는 서버 상에서만 필요합니다.

Page 47: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 39 -

이미지 생성 (ini 설정)

Chart FX IE 을 사용하여 활성화 Chart나 Chart 이미지를 생성할 때, 이미지 생성에 적용할 일반적인 설정을 알아야 합니다. 이 설정은 CfxSrv.ini 파일에서 엔트리를 사용하여 모든 Chart 이미지에 적용하거나 Chart FX 서버 컴포넌트에 의해 제공된 이미지 속성을 사용하여 모든 asp 페이지에 독립적으로 설정 할 수 있습니다.

ASP는 동일한 속성을 반복해서 호출할 필요가 없으므로 서버의 성능을 증가시키고 개발시간을 줄이도록 생성된 모든 asp에 대해 코드를 타이핑하고 생성하는 것을 방해하는 것은 CfxSrv.ini 에서 일반적인 설정을 사용한 beauty입니다. 특정 ASP에 특정한 이미지 설정을 적용하려면 CfxSrv.ini 파일에 설정을 덮어쓰기 하게 될 속성들을 항상 사용해야 합니다..

Chart FX 서버 컴포넌트는 두개의 파일 포맷 (Png와 JPEG)을 생성할 수 있습니다. CfxSrv.ini 파일은 각각의 특정한 포맷으로 일반적인 이미지 설정을 제어하도록 허용하는 두개의 주제 [Png] 와 [JPEG]을 제공합니다.

Page 48: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 40 -

[Png] 섹션 T이 섹션은 Png 이미지의 일반적인 설정 제어를 허용합니다.

노트: Png 이미지는 Chart를 나타내는데 훌륭하며 Chart FX IE 이미지 능력의 대부분은 이 포맷으로 만들어졌습니다. 이 포맷은 인터넷 익스플로러와 넷스케이프 4.x 이상의 버전 모두에 의해 지원됩니다. 그러므로, 가능하다면 이 이미지를 만들도록 강력히 권합니다. 이미지를 생성하는 이 타입을 보증하는 최상의 방법은 GetHtmlTag 의 세번째 파라미터를 “image”로 설정하는 것이고 Chart FX 는 브라우저가 이 이미지들을 조정할 수 있을 때 자동적으로 검출될 것입니다.

이 섹션은 다음의 설정 사항들을 지원합니다.:

DefBrowserFlags. (Default=1) 이 설정은 투명한 이미지 생성을 원할 때 사용됩니다. 이것이 해제되었을 때, 인터넷 익스플로러 v4.x와 그 이상의 버전은 24-비트 컬러로 생성되는 Png 이미지를 트명하게 지원하지는 않습니다. 비록 이것이 Chart를 생성하는데 선호되는 방법일지라도 (24-비트 컬러), 투명하게 사용되면 이 팔레트 사용은 불가능합니다. 이 설정은 컬러 속성을 8로 설정하지 않고 Chart 내에서 투명하게 설정된다면 Chart FX 서버 컴포넌트가 자체적으로 8-비트 컬러를 자동적으로 설정하는 것을 허용합니다. (아래의 컬러(Color) 참조). 이 속성을 2로 설정하면, Chart FX가 투명한 Png 이미지를 생성하지 않도록 명령할 것입니다. 넷스케이프가 투명한 Png 이미지를 지원하지 않도록 해제 될 때, 디폴트 ini를 전달하도록 넷스케이프 브라우저에 이 속성을 2로 설정합니다.

Interlaced (Default=0) 인터레이스 Png 이미지 생성을 원한다면 지정합니다. 이 속성을 1로 설정하면 모든 Png 이미지가 인터레이스 되는 원인이 됩니다.

Colors (Default=24) 이 설정은 24나 8 비트 컬러 팔레트를 사용한 Chart를 생성하도록 Chart FX에게 강요합니다. 이 속성을 24로 남겨 둘 것을 권합니다. 8로 설정하면, ChartFX는 여러분의 개발 머신 상에서 생성된 동일한 Chart를 생성하지 않도록 8-비트 팔레트 Chart (256 컬러)를 생성할 것입니다. 24로 설정할 때는 비디오 카드를 트루 컬러로 설정할 것이 요구됩니다.(비디오 설정 참조)

Page 49: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 41 -

[JPEG] 섹션 Chart FX IE 서버는 브라우저가 Png 이미지를 나타낼 능력이 있는지를 결정할 때, 좀 더 일반적인 포맷인 JPEG를 선택적으로 생성할 것입니다. 이 섹션은 여러분이 JPEG 이미지의 일반적인 설정을 제어할 수 있도록 합니다.

이 섹션은 다음의 설정을 지원합니다.:

Quality (default=75) JPEG 이미지의 성질 설정. JPEG 이미지에만 적용. 0 (최저의 질) 에서 100 (최고의 질)까지의 범위. Smooth (Default=0) JPEG 이미지의 부드러움을 조절. JPEG에 만 적용. 0 (부드러움 없음. 권장)에서 100 (최고로 부드러움) 범위로 설정. 100으로 설정될 때 Chart는 디더링(dithering)이 증가 함.

중요한 노트: 이 설정을 특정한 ASP 페이지에 덮어쓰기 하려면, 여러분은 Chart FX IE 서버 측 컴포넌트에서 제공된 이미지 속성을 조작하면 됩니다. 이 주제에 대한 더 자세한 정보는 "특별한 특징, 이미지 생성" 장에 잇습니다. 만일 Chart FX 디자인 시간 제어 (DTC)를 사용하려면, 이 설명서 뒤에서 "DTC을 사용하여 이미지 설정 변경하기" 를 참조하십시오.

Page 50: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 42 -

파일 압축 (ini 설정)

Chart FX IE 은 CHW (Chart FX 소유) 파일을 압축하는 내부적인 메커니즘을 갖고 있습니다. 이 파일들은 여러분 웹 서버의 /CfxTemp 디렉토리에서 생성된 파일들로 브라우저에서 읽을 ActivX나 Plug-In입니다. 여기에 파트 FX IE 파일 압축에 대한 가장 일상적인 질문 사항이 몇 개 있습니다 :

언제 이 압축기를 사용합니까? 인터넷 사이트 상에서 Chart FX Internet Edition을 실행하고 많은 데이터 포인트의 Chart 파일을 생성할 때, 클라이언트 측 컴포넌트에 의해 검색되기 전에 압축 파일을 원합니다. 이것은 28.8K나 56K 모뎀을 통해 접속할 때 사용자가 경험했던 다운로드 시간을 많이 줄일 수 있을 것입니다. 압축기는 브라우저가 검색되기 전에 마이크로소프트의 CAB 기술을 사용하여 .chw 파일을 압축합니다. Chart가 포함하는 페이지를 생성한 후, /CfxTemp 디렉토리에 자동적으로 생성된 Chart 파일 (.chw) 들을 검사합니다. 만일 여러분의 인터넷 사용자에게 Chart 파일이 너무 크다고 결정되면 이 페이지에 제공된 명령에 따라 Chart FX IE 압축기를 구성합니다.

비록 다운로드 시간을 줄일지라도 이 유틸리티를 사용하면 여러가지 결함이 있습니다:

1. 사용자는 브라우저가 Chart를 나타내기 전에 클라이언트 측 decompressor 를 다운로드 해야 합니다. 즉, 이것이 한번 다운로드 되면, 즉시 클라이언트 머신에 설치되어 Chart는 빠르게 다운로드될 것입니다.

2. 만일 여러분의 사이트가 Chart 인테시브 (intensive)하다면, Chart 파일은 생성되기 전에 압축되어야 하므로 서버에 오버로드 작업을 추가합니다. 그러므로, 여러분의 사이트가 서버 성능에 의존적이라면 파일을 압축하지 마십시오.

만일 인트라넷 환경에서 Chart FX Internet Edition을 사용하거나 혹은 모든 사용자가 빠른 연결 (T1, ISDN 등)을 사용한다면, Chart 파일을 다운로드 하는 것은 여러분의 사이트에 병목현상을 발생시키는 주요한 원인이 아니므로 이 환경에서 Chart FX decompressor 를 사용하는 것은 권장되지 않습니다.

클라이언트 측 decompressor 가 있습니까? 전적으로, Chart FX IE 은 Chart가 나타나기 전에 요구되는 클라이언트 측 decompressor 를 제공합니다. 기타의 ActiveX 컨트롤처럼 파일 압축기는 클라이언트 머신에 자동적으로 설치 되기 전에 증명을 나타내는 Cab 파일 (약. 25KB)로 제공됩니다. 만일 사용자가 넷스케이프를 사용한다면, 증명서는 인터넷 익스플로러처럼 동일한 Cab을 사용하는 Chart FX PlugIn으로 여전히 프롬프트 될 것입니다. 사용자는 Cab 파일을 단 한번 다운로드해야 하며; 설치되는 동안 압축된 Chart 파일은 Chart FX 클라이언트 측 컴포넌트 (ActiveX 나 PlugIn) 에 의해 다운로드되고 decompress됩니다.

Page 51: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 43 -

브라우저가 Chart FX decompressor로 적절하게 다운로드 되려면, 다음의 확장이 CfxSrv.ini 파일의 [Codebase] 카테고리에 추가되어야 합니다.이 엔트리에 대한 자세한 정보는 이 장의 "확장 (ini 파일)" 을 참고 하십시오:

[Codebase] {55C42AB9-44F5-11D3-A15D-005004A75164}=/Download/SfxCabD.cab#version=1,0,0,1

이 압축기가 Chart 이미지 (PNG 나 JPEG)로 작동됩니까? 아닙니다, Chart FX IE 압축기는 chw 파일로만 작동됩니다. 만일 Chart 이미지를 생성하려면, Chart FX IE 서버 측 압축기는 사용할 수 없을 것입니다.

어떻게 압축기를 구성합니까 ? Chart FX IE 압축기로 파일 압축을 시작하려면, 기본적으로 threshold (혹은 파일 크기)을 만들어야 합니다. Chart FX에 의해 30K가 넘는 파일을 자동적으로 압축한다고 하면, 다음에 나타난 것처럼 CfxSrv.ini 파일에서 [Compression] 을 설정해야 합니다:

[Compression] ThresholdKB=30 Name=SfxCabC.CabCompressor

이것은 Chart FX 서버 측 컴포넌트에 의해 30 KB가 넘는 파일을 자동적으로 압축하게 될 것입니다.

만일 ThresholdKB 속성을 0으로 설정하면, Chart FX는 크기에 관계없이 항상 파일을 압축할 것 입니다. Chart FX 파일이 정상적으로 작다면 Chart의 데이터와 시각적 어트리뷰트 만을 포함하므로 권장되지 않는 설정입니다. 또한, 항상 Chart 파일을 압축하려면, 불필요한 작업으로 서버에 과부하를 줄 수 있습니다. 적절하다고 생각하는 값에만 이 속성을 설정하도록 권장합니다.

만일 ThresholdKB 속성을 –1로 설정하면, ASP 코드 내에서 파일을 수동으로 압축하기를 원한다는 의미입니다. (아래 참조)

중요한 노트: Chart FX 라벨 (범례)은 ThresholdKB 속성에서 압축 크기를 결정할 때 고려되지 않습니다.. 그러므로, 적절히 설정할 것을 권합니다. 예를 들어, 30KB보다 큰 Chart 파일을 압축하려면, 범례처럼 이 속성을 20으로 설정하는 것은 파일 크기의 33%로 쉽게 생각할 수 있습니다. 물론, 이것은 라벨을 어떻게 설정하고 얼마나 큰가에 달려 있습니다.

Page 52: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 44 -

ASP 코드 내에서 어떻게 수동으로 압축기를 설정하나? 앞선 질문에서 브라우저가 파일들을 검색하기 전에 Chart 파일들을 자동으로 압축하도록 CfxSrv.ini 파일을 어떻게 압축하는가를 배웠습니다. 여러분은 또한 ASP 코드 내에서 다음 라인을 호출하여 여러분 코드에 프로그램적으로 압축기를 활성화 할 수 있습니다 :

<% Set Chart1 = Server.CreateObject("ChartFX.WebServer") Chart1.AddExtension "SfxCabC.CabCompressor" %> <%= Chart1.GetHtmlTag(400,200,"Auto") %>

이것은 여러분이 요구에 따라 즉시 파일을 압축하는 것을 허용할 것입니다. 유틸리티와 관련된 또 다른 다운로드가 있습니까 ? 실제로, Chart FX 다운로드 Status Bar는 현재의 상태를 결정하는 느린 연결로 사용자를 도울 것입니다.자세한 정보는 이 장의 "다운로드 상태 바” 를 참조하십시오.

Page 53: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 45 -

다운로드 상태 바 (ini 설정)

Chart FX IE 이 제공하는 또 다른 편리한 도구는 다운로드 시간을 사용자에게 알려주는 다운로드상태 바 입니다. 이 도구는 Chart 파일이 실제로 다운로드 되기 전에 Chart가 브라우저에 나타나도록 Chart 영역에서 보여 질 것입니다. 이 도구는 CfxSrv.ini 파일의 [Output] 섹션에서 DownloadStatus 속성에 의해 제어됩니다. 상대, 절대, CodeBase, 기타 파라미터가 CfxSrv.ini 파일 내에 위치한 곳과 동일한 섹션임에 유의하십시오 (그러므로, 실제로 파일이 존재하는 Output이라는 CfxSrv.ini 파일 내에서 새로운 주제를 생성하지 마십시오)

다운로드상태 바를 사용하려면, CfxSrv.ini 파일의 [Output] 섹션의 코드에 다음 라인을 단순히 추가하면 됩니다:

[Output] relative=... absolute=... codebase=... DownloadStatus=1

다운로드 상태는 다음 그림에서 묘사 되었습니다.

Page 54: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 46 -

중요한 노트:

다운로드 상태 바 는 인터넷 사이트에 Chart를 배치하고 사용자가 느린 연결 (28.8K or 56K) 로 Chart 파일 (.chw)을 다운로드할 필요가 있을 때 유용한 도구입니다. 사용자가 빠른 속도의 연결을 가지고 있는 인트라넷 사이트나 인터넷 사이트에서 Chart FX를 사용하면, 이런 타입의 연결을 사용하면 거의 즉시 Chart 파일이 다운로드 되므로 다운로드 상태 바는 Chart에서 볼 수 없을 것입니다.

또한, 다운로드 상태 바는 클라이언트 측 컴포넌트 (ActiveX 나 PlugIns)가 브라우저 상에 Chart를 나타낼 때 사용됩니다. 만일, 이미지를 생성하려면, Chart 이미지의 다운로드 상태를 브라우저가 제어하므로 이 도구는 쓸모가 없습니다.

만일 Chart 파일이 Chart FX 서버 컴포넌트에 의해 사이즈가 커지면, ChartFX 서버 압축기를 사용하여 크기를 줄일 수 있습니다. 더 자세한 정보는 이 장의 "파일 압축 을 참고 하십시오.

Page 55: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 47 -

Chart FX 확장 (ini 설정)

Chart FX 확장은 원래 제품의 기능성을 확장한 COM 인터페이스 입니다. 예를 들어, 저희는 여러분이나 여러분의 최종 사용자가 브라우저에서 직접 Chart의 맨 위에 주석을 달 수 있도록 하는 확장을 생성합니다 (이것은 로열티가 없는 확장입니다). 이런 확장의 또 다른 좋은 예는 Chart FX 파이낸셜 (Financial) 에디션으로 전체 제품을 Chart FX Internet Edition과 호환 가능한 COM 확장에서 랩 (wrap)됩니다. 그러므로, 확장은 Chart FX에 새로운 특징을 추가하는 단순한 컴포넌트 만은 아니며 여러분의 브라우저 기반의 어플리케이션을 빠르고 쉽게 개발할 수 있도록 하는 실제의 완전한 제품이 될 수 있습니다.

서버 측과 클라이언트 측은 모두 확장을 사용하기 때문에, Chart FX IE는 서버에서 직접 적으로 이러한 확장을 브라우저에 다운로드 하도록 하는 수단을 제공해야 합니다. 이 문제에 대한 해답은 서버에 설치된 각각의 적용 가능한 확장을 서술하는 [CodeBase] 가 있는 CfxSrv.ini 파일에서 다시 발견됩니다.

Chart FX 확장을 구매할 때, 설정 파일은 가장 최근의 CfxSrv.ini 파일을 갱신할 것이며, 이 경우 가장 중요한 것은 Chart가 사용하는 확장이 어떤 것이든 브라우저에 다운로드 하는 방법을 제공하는 CfxSrv.ini 파일의 [Codebase] 섹션을 이해하는 것입니다.

CfxSrv.ini 파일 [CodeBase] 확장은 다음과 같이 보일 것입니다:

예를 들어, 여러분이 여럿의 annotation 확장으로 Chart를 생성한다고 하면, 이것은 서버와 브라우저 모두에 일어나는 것입니다:

서버 상에서, ASP 코드는 실행되고 Chart 객체를 생성하고, 확장은 웹 서버 상에 등록되므로 또한 Annotation Script Object (AddExtension) 를 생성합니다. 만일 Chart가 이미지를 생성한다면, 브라우저 상에는 어떠한 annotation 확장도 요구되지 않을 것이며, 이미지가 생성됩니다 (annotation 객체가 포함된). 반면, 만일 클라이언트 측 컴포넌트 (Active나 PlugIn)가 브라우저 상에서 사용되려면, 확장 정보는 서버 컴포넌트에 의해 생성된 chw 파일에 저장됩니다.

Chart 파일(.chw) 이 클라이언트 측 컴포넌트에 의해 읽혀지면 chw 파일에 저장된 ClassId를 사용한 적절한 확장이 예시됩니다. 만일 확장이 클라이언트 머신에서 가능하지 않다면, 서버에서 확장을 다우로드 할 다운로드 위치를 사용합니다. 만일 확장이 가능하고 클라이언트 머신에 미리 설치되어 있다면, chw 파일이 위치된 곳에 대한 현재 버전을 체크 합니다. 만일 일치한다면, Chart는 사용된 확장을 따라 나타납니다. 만일 클라이언트 머신에 설치된 버전 번호가 chw 파일에 저장된 것 보다 예전 것이라면, 브라우저는 자동적으로 갱신된 확장을 다운로드 합니다.

갱신된 확장을 어떻게 업로드 하는가? 만일 소프트웨어 FX가 모든 Chart FX 확장의 새로운 버전을 릴리즈하면, 여러분은 다음과 같이 해야 합니다:

• 새로운 cab 파일을 여러분 웹 서버의 /Download 디렉토리로 복사

Page 56: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 48 -

• 새로운 버전 번호를 반영할 [Codebase] 섹션에 CfxSrv.ini 파일 상의 버전을 변경

라이센싱 작업은 어떻게 하나? 사실 클라이언트 시스템은 Chart FX IE 을 소유하고 있더라도 서버 상에서 동일한 기능성을 제공하는 능력을 주지 않고 실제의 확장을 다운로드 합니다. 이것은 특정한 Chart FX IE 확장을 구매하고 서버에 설치할 때 여러분의 ASP 코드에 이 확장을 포함하도록 라이센스가 생성될 것이기 때문입니다. 라이센스 선택사항에 대한 더 자세한 정보는 http://support.softwarefx.com에 있는 Chart FX IE 웹 사이트를 참조하거나 소프트웨어 FX는 (561) 999-8888로 전화 주십시오.

Page 57: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 49 -

Chart FX 설정 파일 재 로딩하기 (ini)

Chart FX 서버 컴포넌트는 Chart에 대한 처음으로 요청으로 로드 되고 웹 서버가 멈출 때 까지 로드되어 있는 채로 남아 있기 때문에, config (ini) 파일에 대한 어떠한 변경도 웹 서버를 정지 하지 않는다면 효과가 없으므로 웹 서버를 재시작 하거나 부팅합니다. 이것은 24×7 오퍼레이션을 요구하는 인터넷 사이트에 대한 중요한 문제점 될 수 있으며 서버를 ini 파일을 변경할 때마다 서버를 재부팅 하거나 IIS 관리 서비스를 멈추는 것은 서버에 원하지 않는 불필요한 다운시간을 가게 됩니다.

INI 파일을 동적으로 재 로딩하기 Chart FX 서버 컴포넌트는 LoadDefault를 호출하는 메소드를 제공합니다. 호출하면 서버를 멈추거나 재 부팅할 필요없이 ini 파일을 변경하는 효과를 ini 파일에 주어 Chart FX 서버 컴포넌트가 ini 파일을 재로드하도록 할 것입니다. ini파일이 변경될 때만 호출되는 이 메소드로 ini파일을 로드하는 각각의 asp 파일을 생성할 수 있으며 코드는 다음과 같습니다:

<% Set Chart1 = Server.CreateObject("ChartFX.WebServer") Chart1.LoadDefault 1 %>

중요한 노트: LoadDefault 메소드는 한번만 호출되어야 합니다. 이것은 서버 컴포넌트가 설정 (ini) 파일을 재 로드 하는 원인이 될 것이므로, 웹서버를 멈추거나 운영 체제를 재 부팅하는 중요한 장점입니다. 그러므로, Chart가 포함하는 asp에서 메소드를 포함한 호출 대신 ini 파일을 재로드 하는 실용적인 asp를 생성할 것을 제안합니다. 만일 Chart를 생성하는 asp 페이지에서 이 메소드를 호출하도록 한다면, Chart FX ini 파일은 이 asp 파일을 실행할 때 마다 로드 되므로 성능에 문제가 될 것입니다.

Page 58: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 50 -

Page 59: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 51 -

Chart FX 프로그래머 가이드 라이센싱 문제

이 절에서 다루는 주제들

개요

Page 60: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 52 -

Page 61: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 53 -

Chart FX IE 라이센싱 문제

BChart FX Internet Edition을 배치하기 전에, 라이센스 동의서를 주의깊게 읽어 보시고 다음을 따라 주십시오:

• Chart FX IE 서버 측 컴포넌트는 서버나 cpu 단위를 기준으로 라이센스 됩니다. 즉, 제품을 실행 시키려면 Chart FX 서버 컴포넌트의 많은 복사본을 살 필요가 있을 것입니다. 주 CPU용으로 $1299가 필요하며 동일한 머신 상에 추가 CPU에는 $229가 필요합니다. 테스트/개발 용 서버에는 서버 당 $659의 특별 가격입니다. 가격은 매우 다양합니다. 갱신된 가격 목록에 대해서는 소프트웨어 FX 웹 사이트를 참조하십시오.

• Chart FX IE 클라이언트 측 컴포넌트는 브라우저 상에서 예제로 필요한 LIC 파일을 재배포 하지 않도록 제공된 배포용에는 로열티가 없습니다. LIC 파일은 항상 여러분의 서버에 있어야 합니다. 즉 여러분의 사이트에 재배포 되는 클라이언트 측 컴포넌트에 대한 지불은 할 필요가 없을 것입니다. 그러나, 소프트웨어 FX, Inc.의 승인 없이 또 다른 소프트웨어나 컴포넌트의 일부처럼 클라이언트 측 컴포넌트를 포함할 필요는 없으며 어떤 경우에도 LIC 파일은 OEM 동의서 에 사인을 하지 않고 재 배포할 수 있습니다.습니다.

• Chart FX IE 디자이너 컴포넌트는 개발자의 단위를 기준으로 라이센스 됩니다. Chart FX IE 에서 여러분은 Chart FX IE 디자이너 컴포넌트에 대해 1개의 라이센스를 갖습니다. 만일 추가적인 개발자가 있다면, 추가적으로 라이센스를 구입해야 합니다.

• 여러분은 Chart FX IE 라이센스 동의서 내의 모든 절을 읽고 받아들입니다.

더 자세한 정보는 Chart FX Ie 라이센스 동의서를 참조하거나 라이센스 협정에 관한 더 많은 정보는 (800) 392-4278, (561) 999-8888 로 전화 주십시오.

Page 62: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 54 -

Page 63: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 55 -

ChartFX 프로그래머 가이드 ChartFX 와 ASP

이 절에서 다루는 주제들

소개 Chart 통합하기

ASP 스크립트하기

Page 64: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 56 -

Page 65: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 57 -

Chart FX Internet Edition과 Active Server Pages. 소개

액티브 서버 페이지 (Active Server Pages) 는 서버 상에서 ActiveX 스크립트와 ActiveX 서버 컴포넌트 실행을 가능하게 하는 IIS에 대한 서버 측 실행 환경입니다. 스크립트와 컴포넌트를 결합하면, 조직은 강력한 웹 기반의 어플리케이션을 쉽게 생성할 수 있습니다. Chart FX Internet Edition은 Active Server Pages 와 매끄럽게 통합되도록 해주는 ActiveX 서버 컴포넌트를 제공합니다. 특히, Chart FX IE는 다음의 IIS 특징의 장점을 갖고 있습니다:

ADO 연결: Chart FX IE 서버는 데이터 베이스 연결에서 자동적으로 데이터를 검색하여 ADO resultset을 가져 올 수 있습니다. 이 특징은 웹 마스터가 그들의 웹 사이트 상에 존재하는 데이터로 Chart를 쉽게 링크하도록 하며 사용자의 요청에 따라 동적인 Chart를 제공할 수도 있습니다.

브라우저에 중립적인 접근: Chart FX IE ActiveX 서버는 ActiveX 나 Plug-Ins 처럼 브라우저가 특별한 컴포넌트 모델에 대한 지원을 하는지를 결정하며 JPEG 파일처럼 출력을 선택적으로 표현하도록 제공합니다. 이 특징은 웹마스터가 어떤 특정 브라우저에도 첨부되지 않는 페이지를 생성하도록 하고 활성화 컨텐츠를 나타내는 능력을 관리하도록 합니다.

액티브 서버 페이지 (.asp 파일) 는 <%> 태그의 지원을 통해 인라인 (in-line) 스크립팅으로 HTML을 결합합니다. 이 태그는 서버에 의해 실행되고 프로세스 될 코드를 지정합니다.

ASP를 사용할 때 프로그래밍 Chart FX 는 Chart 타입, 컬러, 범례, 축 스케일링 (axis scaling) 등을 포함한 Chart의 모든 비주얼 속성을 설정하는 Chart FX 서버 컴포넌트에 의해 지원되는 속성과 메소드 (API)를 사용되는 비주얼 베이직과 함께 작동되는 것을 굉장히 좋아 합니다. 이 ASP 코드의 일부로 Chart FX 가 서버 상의 기존 데이터 베이스로 접속하고 데이터를 가져오도록 하는데 필요한 모든 코드를 추가할 수 있을 것입니다.

ASP 페이지에서 VBScript 코드를 사용한다는 사실은 전혀 브라우저 독립에는 영향이 없습니다. 페이지에 추가하는 모든 코드는 클라이언트가 아닌 서버 [VBScript에 순응하는] 상에서 실행된다는 사실을 명심하십시오. Chart FX가 실행되는 동안, 객체는 ASP 페이지에 포함된 메소드와 속성에 대한 지원을 허용하도록 생성될 것입니다.

ASP 페이지에서 Chart를 통합할 때 요구되는 ASP 코드에서 좀 더 중요한 것은 Chart FX 디자인 타임 컨트롤 (DTC)에 의해 자동적으로 생성될 수 있을 것입니다. Chart FX IE와 함께 단시간에 배울 수 있으며 프로그래밍 노력을 거의 하지 않고도 여러분 페이지로 Chart를 통합하는 DTC와 비주얼 InterDev 6.0의 사용을 강력히 권합니다.

Page 66: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 58 -

기존의 ASP 페이지로 Chart 통합하기

이미 ,ASP 페이지를 갖고 있다면, 여러분의 페이지에 간단한 Chart를 생성하도록 이 섹션에 설명된 코드를 사용할 수 있습니다.

중요한 노트: 기존의 html 페이지를 asp 페이지로 전환하기 전에, 여러분 서버에는 ASP 엔진이 적절히 설치되어 있어야 합니다. ASP가 바르게 작동되고 있다면 html 페이지의 처음에 다음에 나오는 라인을 넣고 asp 확장으로 파일을 저장합니다: <%= Now() %> 그리고 http:// 프로토콜을 사용하여 브라우저로 새롭게 생성된 asp 페이지로 접속을 시도합니다. 만일 페이지를 부르면 이전 라인을 실행한 결과로 날짜와 시간이 여러분 페이지에 나타나고, ASP는 웹 서버에 바르게 설치 됩니다. 만일 시간과 날짜를 보여주지 않는다면 뒤로 돌아가서 ASP를 지원하도록 IIS 를 재설정해야 합니다. 더 자세한 정보는 IIS나 ASP 문서를 참조할 수 있습니다.

<%> 태그 내부에서, 스크립트 언어로 VBScript를 사용할 수 있습니다. 더 자세한 정보는 VBScript 온라인 문서를 참조 하십시오.

서버 상에 Chart 생성하기.

여러분의 asp 페이지에서 Chart를 통합하기 위한 첫번째 단계는 다음과 같이 IIS 서버의 CreateObject 메소드를 사용하는 것 입니다:

<% Set Chart1 = Server.CreateObject("ChartFX.WebServer") %>

Chart1 변수의 사용은 나중에 Chart FX API에서 지원하는 모든 속성과 메소드로 액세스하여 사용할 수 있게 합니다.

Page 67: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 59 -

GetHtmlTag 메소드

이 메소드는 Chart FX 서버가 요청을 게시하는 브라우저를 결정하게 하고 적절한 태그를 브라우저로 반환합니다. 이 메소드는 다음과 같은 파라미터가 있습니다:

파라미터 타입 설명

Width 정수나 스트링

필수. 제안된 폭으로 Chart를 지정. 파라미터가 정수라면 폭은 픽셀로 측정될 것 입니다. 클라이언트의 페이지 (혹은 프레임)의 공간에서 가능한 퍼센트를 사용하여 퍼센트 표시 (예. "45%") 가 포함된 스트링을 지정할 수 있습니다.

Height 정수나 스트링

필수. 제안된 높이로 Chart를 지정. 만일 파라미터가 정수라면 높이는 픽셀로 측정될 것입니다. 클라이언트의 페이지 (혹은 프레임)의 공간에서 가능한 퍼센트를 사용하여 퍼센트 표시 (예. "45%") 가 포함된 스트링을 지정할 수 있습니다.

Browser 스트링 선택. Chart FX로 생성된 태그의 타입을 선택할 수 있습니다. 가능한 옵션은 : "ActiveX","PlugIn","Image", "JPEG", "Png" , "Auto". Chart FX의 자동 모드에서는 HTTP_USER_AGENT 변수를 사용할 수 있으며, 사용자가 사용하는 브라우저와 호환 가능한 적절한 태그를 결정하도록 SFXCGI.INI에 입력합니다. 어떤 값도 지정되지 않는다면 디폴트 설정은 Auto 입니다.

Name 스트링 선택 . Chart의 이름을 지정합니다. Chart를 조작하도록 클라이언트 측 스크립트에 쓰기 할 때 유용합니다. 디폴트 값은 Chart1 입니다.

PersonalID 스트링 선택 . 개인용 Chart를 다루는 정보를 설정할 수 있도록 허용합니다 . 이 특징에 대한 자세한 정보는 이 설명서의 다음 장에 있는 “개별화 된 Chart)”를 참조 하십시오.

Page 68: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 60 -

GetHtmlTag는 HTTP_USER_AGENT를 처리하는 책임이 있습니다. 즉, GtHtmltag 는 <%=>를 사용하여 호출되며 요청을 게시하는 브라우저로 적절한 태그를 반환 할 것 입니다. 예를 들면:

다음의 ASP 코드는 Chart FX 서버 컴포넌트에게 400x200 (픽셀) Chart를 생성하도록 명령하고 요청을 게시하는 브라우저에 적절한 응답을 제공합니다 :

<% Set Chart1 = Server.CreateObject("ChartFX.WebServer") %> <%= Chart1.GetHtmlTag(400,200,"Auto") %>

인터넷 익스플로러 (혹은 그 이상의 버전)에서 액세스 될 때, 위에서 보여준 코드는 ActiveX 컨트롤이 로드 될 수 있는 다음의 코드로 브라우저를 반환 할 것 입니다.:

<OBJECT CLASSID="CLSID:21F49842-BFA9-11d2-A89C-00104B62BDDA" TYPE="application/x-oleobject" WIDTH="400" HEIGHT="200" ID="Chart1" CODEBASE=/download/CfxIEAx.cab#Version=4,4,11,3> <PARAM NAME="LICENSE" VALUE="/license/CfxIE.lic"> <PARAM NAME="DATAPATH" VALUE="/cfxtemp/CFT0825_143723242.chw"> </OBJECT>

넷스케이프에서 액세스 될 때, 코드는 Plug-In 에서 로드 될 수 잇는 다음의 EMBED 태그로 브라우저를 반환 할 것 입니다:

<EMBED type=chart/chartfxie width="400" height="200" name="Chart1" PLUGINSPAGE=/download/NpCfxIE.htm PluginVersion="4,4,11,3" LICENSE="/license/CfxIE.lic" DATAPATH="/cfxtemp/CFT0825_144115148.chw">

위에서 보여준 태그는 Chart FX 서버 컴포넌트가 어떻게 요청을 게시하는 브라우저로 프로세스 되고 호환 가능한 응답을 생성하는지를 예제로 들어줄 목적으로 보여준 것입니다. 이것과 Chart FX IE 서버 측 컴포넌트와 관련된 기타의 문제들은 이 설명서의 the "서버 응답" 장에 있습니다.

Page 69: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 61 -

Chart FX 서버 컴포넌트 스트립트 하기 여러분이 코드를 사용하여 페이지를 만들기를 원하거나 Chart FX DTC를 사용하여 자동으로 코드를 만들기를 원한다면, 비주얼 어트리뷰트를 수정하고 Chart와 관련된 중요한 태스크를 수행하는데 사용 할 500개 이상의 속성과 메소드를 제공하는 Chart FX 서버 측 컴포넌트를 이해하는 것은 중요합니다. 대부분의 경우, 여러분은 Chart FX에서 원하는 것을 얻으려면 DTC를 사용하더라도 이 API를 사용해야 될 것 입니다.

ChartFX_API. help 파일은 Chart FX IE 서버 측 컴포넌트가 가 제공하는 모든 객체, 속성, 메소드에 대한 자세한 설명을 제공합니다. 이 도움말 파일은 일반적으로 Chart FX charting 엔진으로 사용되는 API를 설명하며 몇몇 객체와 속성들은 Chart FX Internet Edition에 적용되지 않습니다. 편의를 위하여, 이 도움말 파일의 각 페이지에 서로 다른 Chart FX 버전이 교차되는 호환성을 가리키는 아이콘을 놓습니다, 그러나, Chart FX IE 에 대한 ASP 페이지를 코딩할 때 이 가이드라인을 따르는 것은 중요합니다:

1) 상수 정의 파일이 포함하고 이 파일에 적절한 값이 사용되어 야 합니다: IIS 는 ActiveX 서버 컴포넌트의 일부로 정의된 상수를 지원하지 않습니다 (예. TypeLibrary 정보를 사용하지 않습니다). 그러므로, Chart FX 서버 속성과 메소드를 적절하게 지원하려면, 다음에 나오는 것 중의 하나를 해야 합니다:

• Chart FX IE 은 여러분 코드에서 상수를 액세스 하는데 사용할 수 있는 서로 다른 inc 파일을 갖고 있는 여러분의 웹 서버 상에서 /Include 디렉토리에 생성된 어플리케이션을 셋업 하며 Chart FX 상수로 액세스하도록 다음 라인 (Chart FX 코드가 실제로 호출 되 전 어디에서나)을 포함할 수 있습니다: <!-- #include virtual="/Include/CfxIE.inc" --> 이것은 여러분이 적용해야 할 정확한 설정의 종류를 알기 위해 특별한 속성과 메소드에 대해 Chart FX IE 도움말 파일을 참조할 필요 없이 여러분의 코드를 좀 더 쉽게 디버그 하고 관리 하도록 ASP페이지를 코딩하는 좀 더 나은 방법입니다.

• Chart FX 98 API 도움말 파일에 있는 모든 상수는 상수에 대한 수치 상대방을 제공합니다. 여러분의 asp 페이지에 inc 파일을 포함하는 대신 각 상수와 연관된 수치 값을 사용하는 상수 정의를 사용하며 동일한 결과를 얻습니다. 그러나, 이 메소드를 사용할 때는 특정한 속성에 대한 문제를 발견할 때마다 Chart FX API 도움말 파일을 참조해야 합니다. 그러므로, Chart FX Internet Edition에서 제공된 include 파일을 사용하도록 강력히 권장합니다.

2) Chart FX 이벤트는 서버에 디스패치 (dispatch) 되지 않습니다. Chart FX IE 처럼 서버 측 컴포넌트와 작동될 때, IIS 는 Chart FX 이벤트를 디스패치 하지 않습니다. 그러므로, Chart FX API 문서의 이 부분에서 떨어져 있어야 합니다. 이것은 비주얼 베이직, 비주얼 C++, 델파이 등 처럼 기타 프로그래밍 환경에서 Chart FX를 사용할 때 만 적용됩니다. 이벤트는 클라이언트 브라우저 (인터넷 익스플로러와 ActiveX 만)상에서만 나타난다는 점을 명심하십시오, 그러므로 여러분은 클라이언트에서 이 이벤트들이 처리되도록 클라이언트 측 스크립트 (ASP 코드의 일부가 아닌)를 추가할 수 있습니다.

Page 70: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 62 -

3) 서버 상에서 물리적 경로를 참조하는 Chart FX 속성을 사용할 때 주의하십시오 Chart FX 파일과 템플릿 (Import, Export 등)을 처리하는 메소드를 사용할 때 물리적 경로를 사용하는 것은 프로그래머를 혼란스럽게 만들 수 있습니다. ASP 코드는 서버 상에서 실행된다는 것을 잊지 마십시오. 즉, HTML 세상에서 다른 객체들 (이미지 같은)과 정상적으로 작동되도록 상대 경로를 사용할 수는 없습니다. 예를 들어, 만일 여러분의 사이트를 다른 서버로 이동할 때, 모든 물리적 경로는 변경되고 파일은 로드 되지 않을 것입니다. 어떤 에러 메시지도 여러분이나 사용자에게 주어지지 않으므로 이 에러를 트래킹 하는 것은 또한 어렵습니다. 메소드 호출로 주어진 물리적 경로에서 파일이 발견되지 않으므로 Chart FX IE 서버는 표준 3D 바 Chart (standard 3D bar chart )를 생성할 것입니다. 이 문제에 대한 대답은 IIS 서버 객체의 MapPath 메소드를 사용합니다. 이 메소드는 논리적 경로를 다음과 같이 Import 메소드에서 사용될 물리적 경로로 변경할 것 입니다:

<% Set chart = Server.CreateObject("ChartFX.WebServer") sPhysical = Server.MapPath("/data/MyFile.txt") chart.Import 3,sPhysical %>

<%= chart.GetHtmlTag("100%","100%") %>

ASP 샘플. 다음의 asp 페이지에서 저희는 LINE으로 세팅 된 Chart 타입과 3D 백그라운드 컬러를 커스터마이징하고 Y 축에 대한 최소와 최대 값을 설정하고 Chart에 대한 톱 타이틀을 설정하고, 최종적으로 3d 모드로 Chart를 설정합니다:

PASP 페이지 에서 inc 파일이 포함된 접근법을 사용한다는 점에 주의 하십시오.

<!-- #include virtual="/Include/CfxIE.inc" --> <HTML> <BODY> <% Set chart1 = Server.CreateObject("ChartFX.WebServer") chart1.Gallery = LINES chart1.RGBBk = RGB(255,255,0) chart1.RGB3DBk = RGB(128,0,0) chart1.Axis(AXIS_Y).Max = 1000 chart1.Axis(AXIS_Y).Min = 100 chart1.Axis(AXIS_Y).Title = "In Millions" chart1.chart3D = True %> <%= chart1.GetHtmlTag("90%","90%") %> </BODY> </HTML>

Page 71: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 63 -

Chart FX 프로그래머 가이드

Chart 그리기 (Populating)

이 절에서 다루는 주제들

ADO Resultset 사용하기 SQL 문 변경하기

Through Code 데이터를 전달하는 기타의 방법들

Page 72: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 64 -

Page 73: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 65 -

ADO Resultset 를 사용하여 Chart 그리기

Chart FX 서버 컴포넌트 는 ADO에 순응하는 모든 데이터베이스로 연결 하도록 하는 설비를 제공합니다 (사용자로 부터의 개별 요청 조차도!). 이 특징은 Chart를 동적으로 그리도록 한다. IIS는 ADO (Active Data Object) 를 사용한 연결을 통해 데이터베이스로 액세스하는 능력을 제공합니다. Chart FX IE ADO 서포트 (Chart FX IE ADO Support )를 사용하려면, ADO 데이터 소스를 어떻게 구성하는지 알아야 하며 서로 다른 속성과 메소드는 SQL 문을 실행 시킬 수 있습니다. (ADO 데이터 소스를 어떻게 구성하는 가에 관한 더 자세한 정보는 IIS 문서를 참조 하십시오).

Chart FX IE 는 ADOResultSet 이라는 속성의 사용을 통하여 ADO 연결의 장점을 줄 것입니다. 이 속성은 Chart FX가 데이터를 가져 올 수 있도록 여러분이 ADODB resultset 객체를 제공하도록 합니다. 기본 예제 코드는 다음과 같습니다:

<% Set conn = Server.CreateObject("ADODB.Connection") conn.Open("MyOdbcDataSource") Set rs = conn.Execute("SELECT * FROM MyTable") Set chart = Server.CreateObject("ChartFX.WebServer") chart.AdoResultSet rs %>

이 코드 바로 뒤에 여러분은 적절한 HTML 태그를 반환하도록 Chart FX IE에게 명령하는 GetHtmlTag 메소드를 사용하며 사용자가 Chart 객체를 참조하도록 허용합니다.

<%= chart.GetHtmlTag(300,300) %>

폼(Form) 입력에 대한 응답으로 SQL 문 실행하기

대부분의 경우, 여러분이 실행 시킬 SQL 문은 폼(form)을 사용하여 사용자 입력에 응답합니다. 예를 들어, 여러분이 웹 상에서 파이낸셜 Chart (financial chart)를 제공한다면, 사용자가 증권 시세 심볼을 선택하고 선택에 따라 Chart를 구성하기를 원할 것입니다. 여러분은 다음과 같은 동적인 요청에 대한 처리를 할 것 입니다:

<% Set Conn = Server.CreateObject("ADODB.Connection") Conn.Open "StockInfo" sql = "SELECT Open,Hi,Low,Close FROM Stocks WHERE TickerSymbol='" + Request("STicker") + " ' " 'Sticker is the name of the field you have in your form Set RS = Conn.Execute(sql) Set chart = Server.CreateObject("ChartFX.WebServer") chart.AdoResultset RS %>

<%= chart.GetHtmlTag(300,300) %>

Request는 IIS에 의해 제공된 내장 객체에서 Request (“Sticker”)의 사용에 주의하십시오.Sticker는 폼에 있는 입력 필드의 이름입니다.

Page 74: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 66 -

Chart FX 가 SQL 문을 해석하는 방법 변경하기

Chart FX는 어떻게 SQL 문을 해석하는가?

SQL 문을 Chart FX IE에 할당할 때, Chart를 구성하는 어떤 규칙을 따르며 포인트 값과 리전드 (legend)를 할당합니다:

• 수치 필드는 서로 다른 시리즈로 구성될 것이며 모든 String과 Date 필드는 포인트 Legend로 구성될 것입니다.

• 모든 String, Numerical, Date 필드가 구성될 것 입니다. 모든 필드에 "SELECT * From TABLE" 처럼 선택 기준을 지정하면 위에 설명 된 것 처럼 구성될 것 입니다.

• 시리즈 리전드는 수치 필드 이름에서 가져 올 수 있을 것입니다.

예: 다음의 구조를 갖는 Sales라는 테이블을 가지고 있다고 가정 합니다:

Field Name = Type SaleDate = Date TotalAmount = Double TotalDiscount = Double TotalProjected = Double

만일 Chart FX IE 에 "SELECT * from Sales" 를 전달하면, Chart에는 3개의 시리즈 (Amount, Discount, Projected) 가 생성될 것이며, x-축에서 보여지는 라벨은 date이고 시리즈 리전드는 필드 이름 (TotalAmount, TotalDiscount and TotalProjected)이 될 것입니다.

Page 75: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 67 -

SQL 문에서 Chart FX 가 사용하는 필드를 변경하는 방법 ? ActiveX 서버 컴포넌트는 DataType(데이터 타입)이라는 속성을 제공합니다. 이 속성은 Chart FX 가 필드 타입을 사용하여 변경하도록 합니다. 데이터 타입으로 지원되는 값은:

이름 값 설명

CDT_DEFAULT 0 만일 필드가 수치하면 추가적인 데이터 시리즈가 사용됩니다. 필드에 스트링이나 텍스트가 사용된다면 리전드 입니다.

CDT_LABEL 1 필드를 리전드로 사용하면, 수치 필드가 리전드로 사용될 때 유용합니다

CDT_VALUE 2 필드를 숫자로 사용하면, 숫자 만을 포함하는 스트링 필드를 구성할 때 유용합니다

CDT_XVALUE 3 스캐터 (XY) Chart에 대한 x 값으로 필드를 사용.

CDT_KEYLEGEND 4 키 리전드로 이 필드를 사용하면, 키 리전드는 Chart는 X 축에서 키 리전드를 보여주고 좌표에서 사용자가 더블 클릭할 때 리전드를 보여주므로 리전드와 관련하여 사용될 수 있습니다. 전향적으로 키리전드(KeyLegend)는 짧고(예. "PRO") 리전드(Legend)는 더 긴 스트링이 될 것입니다(예. "Projected Sales for the Period").

CDT_NOTUSED -2 이 설정을 사용하면 Chart FX에게 SQL문에 있는 필드를 무시하도록 명령합니다.

이 속성을 사용할 때는 SQL 문에 있는 모든 시리즈 (필드)의 데이터 타입을 할당해야 된다는 점을 명심하십시오.이 속성에 대한 더 자세한 정보는 Chart FX 98 API 도움말을 참조 하십시오. DataType 속성은 완전히 문서화 되어 있습니다.

Page 76: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 68 -

예를 들어, XY 구성을 생성하려 한다면 Chart의 포인트에 대해 Xvalue를 구성하는데 사용할 필드를 Chart FX가 이해할 수 있는 방법은 없습니다. 이 경우 DataType 속성을 사용하여 필드가 XValue와 Yvalue를 포함하도록 Chart FX에 명령합니다 :

<!-- #include virtual="/Include/CfxIE.inc" --> <% Set Conn = Server.CreateObject("ADODB.Connection") Conn.Open "MyDatabase" Set RS = Conn.Execute("SELECT XValues,YValues,Legend FROM MyTable") Set chart = Server.CreateObject("ChartFX.WebServer") chart.DataType(0) = CDT_XVALUE chart.DataType(1) = CDT_VALUE chart.DataType(2) = CDT_LEGEND chart.AdoResultset RS %>

<%= chart.GetHtmlTag(300,300) %>

중요한 노트: 상수 정의를 포함하는 Include 파일의 사용에 주의하십시오. 이 문제에 대한 자세한 정보는 이 설명서의 뒤에 나오는 ASP 스크립트 하기 를 참조하십시오.

Page 77: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 69 -

데이터 전환하기

ChartFX Internet Edition은 SQL 문에서 모든 수치 컬럼을 데이터 시리즈처럼 사용하고 SQL 문에서 각 레코드는 값으로 사용합니다. 예. SELECT CharField,NumField1,NumField2 FROM Table 만일 SQL 문이 5개의 레코드를 반환하면, 두개의 시리즈로 Chart를 생성하고 CharField 는 X축 라벨로 사용될 것입니다. Chart는 2개의 라인 (라인 Chart로 추정)을 포함하며 각 라인은 5개의 포인트 마커를 갖게 될 것입니다.

5개 라인의 Chart 생성을 원한다면 (각각은 2개의 포인트 마커를 갖는다) AdoResultset 을 호출하기 전에 CHART_DS_TRANSPOSE 를 사용합니다 Chart.DataStyle = Chart.DataStyle Or CHART_DS_TRANSPOSE ... Chart.AdoResultset RS Please note that CHART_DS_TRANSPOSE is declared as follows Const CHART_DS_TRANSPOSE = &H10&

Page 78: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 70 -

Through 코드로 Chart 그리기

Chart FX API를 사용하여 데이터 값을 전달하는 것은 OpenDataEX 메소드를 사용하여 통신 채널을 열고 값을 세팅하고 CloseData 메소드를 사용하여 통신 채널을 닫는 것으로 간단합니다. Chart를 그리는 이 메소드는 좀 더 허용 가능하고 ADO resultset에서 뿐만 아니라 상상할 수 있는 모든 소스에서 데이터를 가져오도록 허용합니다. 이것은 Chart를 그리는 이 메소드에 관한 더 일반적인 의문 사항들을 참조할 수 있는 Chart FX 98 프로그래머 가이드 (ChartFX_98_Guide.chm) 에서 발췌한 것 입니다.

중요한 노트: 리전드와 기타의 텍스트 정보를 Chart에 설정하려면, 다음과 같은 코드는 수치 데이터를 Chart FX로 전달하는 방법을 설명합니다. Chart FX 98 프로그래머 가이드 내의 다른 장을 참조 하십시오. 이 섹션은 또한 Chart FX에 의해 제공된 대부분의 Chart 타입으로 정보를 전달하는 방법을 설명합니다. 파이낸셜(financial), 스캐터(scatter), 등등의 특별한 Chart 타입을 생성하려면, 특별한 Chart 타입으로 어떻게 데이터를 전달하는지를 설명한 ChartFX_98_Guide.chm 내에 특정한 주제가 있습니다.

ValueEX 속성을 사용하여 데이터 전달하기

수치 데이터를 Chart FX로 전달하는 가장 쉽고 편리한 방법은 ValueEX 속성을 사용하는 것이며 Chart 내의 특별한 시리즈에서 포인트에 대한 수치 값을 설정하도록 허용합니다. 만일 완전한 Chart에 포인트를 설정하려면, 포인트를 루프 시키거나 다음과 같이 ValueEX 속성을 사용할 수 있습니다:

<!-- #include virtual="/Include/CfxIE.inc" --> <% ‘Open the communication channel ChartFX1.OpenDataEX COD_VALUES,2,6 For (i=0 to 1) For (j=0 to 5) ‘Assign the values to the series selected ChartFX1.ValueEX(i,j) = Rnd * 100 Next j Next i ‘Close the communication channel ChartFX1.CloseData COD_VALUES %>

<%= chart.GetHtmlTag(300,300) %>

Page 79: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 71 -

시리즈 객체를 사용하여 데이터 전달하기

또한, Chart FX는 다른 것 중에서 컬러와 Chart 타입 같은 데이터, 리전드, 시각적인 어트리뷰트를 포함하는 Chart의 시리즈와 관련된 모든 것을 설정하도록 허용하는 Series 객체를 제공합니다. Chart에서 데이터를 소개하려면 선택된 시리즈의 YValue 속성을 사용해야 합니다. 때때로 시리즈 객체와 작동되면 여러분의 코드가 쉽게 디버그 될 때처럼 더 편리합니다.

예를 들어, 2개의 시리즈와 6개의 포인트로 Chart를 생성하려면. (데이터는 각 시리즈에 대해 랜덤 하다고 추정)

<!-- #include virtual="/Include/CfxIE.inc" --> <% ‘Open the communication channel ChartFX1.OpenDataEX COD_VALUES,2,6 For (i=0 to 1) For (j=0 to 5) ‘Assign the values to the series selected ChartFX1.Series(i).YValue(j) = Rnd * 100 Next j Next i ‘Close the communication channel ChartFX1.CloseData COD_VALUES %>

<%= chart.GetHtmlTag(300,300) %>

중요한 노트: 상수 정의를 포함하는 Include 파일의 사용에 주의 하십시오. 이 문제에 대한 더 자세한 정보는 이 설명서의 뒤에 있는 ASP 스크립트 하기 를 참조하십시오.

Page 80: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 72 -

Chart를 그리는 기타의 방법

배열에서 데이터 전달하기 많은 경우에, 그릴 데이터는 메모리 배열에 포함되어 있습니다. 비록 ChartFX API 를 사용하여 배열 요소를 루프시켜, 읽고 Chart를 그리지만 ChartFX 핸들이 작업을 하도록 시킬 수 있습니다.

이 특징은 ChartFX_98_Guide.chm 에 자세히 서술되어 있습니다. Asp의 배열에서 데이터를 읽을 코드는 다음처럼 보일 것 입니다:

<% 'nValues and nLegend are previously filled arrays Dim nValues(10) As Integer Dim nLegend(10) As Variant

Set ChartFX1 = Server.CreateObject("ChartFX.WebServer")

'Use the CreateObject function to reference the Chart FX Data Provider Set CfxArray = Server.CreateObject("CfxData.Array") 'Add the nValues and nLegend arrays to the data provider CfxArray.AddArray nValues CfxArray.AddArray nLegend 'Let Chart FX take the information from the data provider ChartFX1.GetExternalData CfxArray

%> <%= chart.GetHtmlTag("100%","100%") %>

Chart에서는 리전드로 받아들일 수치 데이터와 스트링 또는 날짜 데이터로 가득찬 배열을 전달힌다는 점을 명심하십시오. 이러한 특징의 예로, 2개의 배열이 있다면, 하나는 Chart에 포함된 수치 데이터를 갖고 있으며, 다른 하나는 nValue 배열에 각 포인트에 대한 리전드를 포함하고 있습니다. 만일 추가적이 수치 데이터 배열 (예. Nvalues2)을 전달하려면 Chart FX는 두 개의 시리즈를 갖고 있는 Chart를 생성할 것입니다. 즉, 이 기술을 사용하여 전달 할 때 배열의 양에 대한 제한은 없습니다.

그러나, 다중 차원의 배열을 Chart FX로 전달할 수는 없습니다. 즉, nData(10,10)의 매트릭스나 다중 차원의 배열을 생성하려면 Chart FX는 이 전보가 어떻게 처리되는지 알 수 없을 것입니다. 에러가 발생할 것입니다.

Page 81: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 73 -

텍스트 파일 읽기 ADO (데이터베이스)와 Chart FX API (코드)를 통해 Chart를 그릴 수 있는 것 외에도 텍스트 파일로 데이터를 검색할 수 있습니다. 정상적으로, 서버에서 일괄 처리나 대화식 처리를 실행한 결과로 여러분 서버에 생성되는 텍스트 파일은 탭(tab)으로 분리되거나 콤마(comma)로 분리될 수 있는 파일입니다. 서로 다른 서버 (UNIX 등)에서 실행되는 데이터베이스를 가지고 있다면 Chart 그리기는 일반적으로 사용되지만 Chart FX 서버 컴포넌트는 그 데이터베이스로 액세스 (ADO를 통해)할 수 없습니다. 이 시나리오에서 Chart FX 서버 컴포넌트가 읽을 수 있으려면 텍스트 파일을 덤프하도록 여러분의 서버를 간단히 설정할 수 있습니다.

여러분은 다음과 같이 Import 메소드를 사용하여 Chart FX서버 측 컴포넌트가 텍스트 파일에서 읽을 수 있도록 쉽게 명령할 수 있습니다:

<% Set chart = Server.CreateObject("ChartFX.WebServer") Chart.Import 3,"d:\Data\MyFile.Txt" %> <%= chart.GetHtmlTag(300,300) %>

중요한 노트: 여러분의 ASP 코드의 일부로 Import 메소드를 호출하여 텍스트 파일을 검색할 때, 여러분 웹 서버의 절대 경로 (상대 경로가 아닌)를 지정해야 합니다. 이는 코드가 항상 wwwroot 디렉토리를 참조하도록 하는 asp 세계에서는 통상적인 것은 아닙니다. 그러나, 서버 자체에서 실행되는 ASP 코드를 기억해야 하므로 Import 메소드를 호출할 때 절대 경로를 사용하여 텍스트 파일을 로드 하도록 시도해야 합니다. 그렇지 않으면, 아래에 서술된 것처럼 Server.MapPath ASP 명령어를 사용하여 절대 경로는 상대 경로로 전환해야 합니다.

텍스트 파일을 사용하여 Chart를 그릴 때 물리적인 경로를 사용하여 그리기 물리적인 경로를 사용하면텍스트 파일을 임포트 할 때 문제가 발생할 수 있습니다. 예를 들어, 여러분의 사이트를 다른 서버로 옮긴다면 모든 물리적 경로는 변경되고 파일들은 로드 되지 않을 것입니다. 어떤 에러 메시지도 여러분이나 사용자에게 주지 않으므로 이 에러를 트래킹 하는 것 또한 어려울 것 입니다. Import 메소드를 호출할 때 파일은 주어진 물리적 경로에서 찾을 수 없으므로 Chart FX IE 서버가 표준 3D 바 Chart를 생성할 때도 발생할 수 있습니다. 이 문제에 대한 대답은 IIS 서버 객체의 MAPPath 메소드를 사용합니다. 이 메소드는 아래와 같이 Import 메소드를 호출할 때 여러분이 사용할 논리적인 경로를 물리적인 경로로 바꿀 것입니다:

<% Set chart = Server.CreateObject("ChartFX.WebServer") sPhysical = Server.MapPath("/data/MyFile.txt") chart.Import 3,sPhysical %>

<%= chart.GetHtmlTag("100%","100%") %>

Page 82: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 74 -

텍스트 파일 포맷 만일 텍스트 파일을 생성하면, Chart FX IE 클라이언트 컴포넌트는 Chart를 그리는데 사용할 수 있으며, 다음의 포맷을 사용할 수 있습니다: 여러분이 생성할 텍스트 파일은 여러분이 원하는 Chart FX에서 가져올 실제 데이터에 달려 있습니다. 여러분은 단지 수치 정보만을 가진 텍스트 파일과 리전드에 할당하여 사용 할 Chart FX의 라벨을 가진 텍스트 파일을 생성할 수 있습니다. 이 경우, 텍스트 파일의 포맷은 다음의 지침을 따라야 합니다:

1.[ChartFXtxt] 는 square bracket 사이에서 파일의 처음에 생성되어야 합니다. 2.Chart에는 시리즈로 많은 컬럼들이 있습니다. 3.Chart에서 시리즈 당 포인트로 많은 로우(row)들이 있습니다. 4.컬럼은 탭 문자로 구분되어야 합니다. 5.각 로우는 캐리지 리턴에서 끝납니다. 6.데이터의 마지막 로우 이후에 허용되는 빈 라인은 없습니다. 7.시리즈 리전드는 컬럼 헤딩에서 가져올 것입니다. 8.포이느 리전드 (x-축 리전드)는 로우 헤딩에서 가져오게 될 것입니다.

Page 83: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 75 -

예, Chart FX에서 텍스트 파일을 생성할 때 사용되는 것:

플롯 데이터 만: 10 20 15 80 2 20 4 100 7 35

포인트 리전드를 가진 플롯 수치 데이터: [ChartFXtxt] Jan 10 20 Feb 15 80 March 2 20 Apr 4 100 May 7 35

시리즈 리전드를 가진 플롯 수치 데이터: Sales Projected 10 20 15 80 2 20 4 100 7 35

두개의 리전드를 가진 플롯 수치 데이터: [ChartFXtxt] Sales Projected Jan 10 20 Feb 15 80 March 2 20 Apr 4 100 May 7 35

첫번째 셀에 있는 탭 문자는 “Sales” 라벨이 첫번째 컬럼의 헤딩으로 가도록 만든다는 점에 주의하십시오.

중요한 노트: DataType 속성은 텍스트 파일에 정보가 프로세스되는 것을 제어하는 사용될 수 있습니다. 텍스트 파일을 읽는 능력은 Chart FX 클라이언트 측 ActiveX 제어로 지원되므로 여러분의 서버에서 텍스트를 읽어 OBJECT 태그 (만일 서버 측 컴포넌트를 사용하지 않는다면)를 간단히 셋업 할 수 있습니다. 이 특징에 관한 더 자세한 정보는 부록 A를 참조하십시오.

Page 84: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 76 -

Page 85: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 77 -

Chart FX 프로그래머 가이드 Chart FX DTC

이 절에서 다루는 주제들

개요 VI 6.0 와 DTCs

Chart FX 마법사 사용하기 데이터 베이스로 접속하기

Page 86: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 78 -

Page 87: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 79 -

Chart FX 디자인 타임 컨트롤 (DTC) 확장 가능한 저작 툴로서, Design Time Controls (DTCs)는 아주 훌륭합니다. HTML 기반의 웹 세계에서 텍스트에서 텍스트는 핵심입니다. 저작 페이지는 서비스, 스크립팅 행동, 평범한 엤날 표준 HTML 태그로 액세스하는 적절한 문법을 알고 기억하도록 연습 됩니다. 항목들의 수와 복잡도는 HTML 페이지에 놓여 증가되므로, 저작 페이지는 daunting 작업이 됩니다. DTC는 예상된 문법에 대한 많은 지식을 요구하지 않고 그들의 명세서에 웹 페이지 (또는 ASP 페이지)상의 소스 HTML을 사람들이 커스터마이즈 하기 쉽게 만들어 줍니다. 디자인 할 때 UI를 제공하여 DTC가 이렇게 하도록 합니다. 실제로 실행 시간에는 존재하지 않고 디자인 시간에 생성하는 텍스트에 의해 명령을 받는 어떤 행동도 HTML 페이지의 행동에 대한 영향은 줄어듭니다. 여러분이 웹 페이지 저자라고 상상해 보십시오. 여러분은 Chart FX IE API의 문법에는 익숙하지 않을 것입니다. 하지만 ASP를 위한 Chart FX 디자이너라는 DTC의 목록을 통해 볼 수 있습니다. 그러므로, Chart와 연관된 모든 비주얼 어트리뷰트를 설정하도록 ActiveX 컨트롤과 UI처럼 여러분의 페이지에 직접 삽입합니다. 옵션 (컬러, 그리드 라인, Chart 타입 등)을 설정한 후, UI를 닫고 Chart FX 컴포넌트가 올바르게 사용되도록 여러분의 HTML(혹은 ASP) 페이지에 삽입되어 있는 텍스트 스크립트를 찾습니다. DTC는 여러분이 텍스트를 생성하도록 도움을 주는 작은 마법사처럼 생각될 수 있습니다. DTC는 재진입의 장점이 추가됩니다. 여러분은 DTC를 다시 열어, 옵션을 변경할 수 있으며 DTC의 산물은 이러한 변경 사항들이 반영 될 것 입니다. DTC는 여러분을 위해 자동적으로 상수 정의를 생성하므로, Chart FX Internet Edition은 Chart FX를 위한 상수 정의를 참조할 필요가 없는 단순하지만 강력한 프로세스를 여러분의 asp 페이지에 Chart 통합 프로세스를 만들어 줄 DTC를 제공합니다. Chart FX DTC의 또 다른 중요한 특징은 Chart를 데이터베이스로 자동적으로 연결시키는 세련된 데이터베이스 개발 특징을 갖고 있는 비주얼 InterDev를 지원하는 것입니다. Chart에 그림을 그려 생성하도록 처리하는 이 방법은 DTC를 사용하여 쉽게 이루어 집니다.

다음 페이지에서 마이크로소프트 비주얼 InterDev 6.0과 작동하는 Chart FX DTC 의 예를 보여 줄 것입니다.

중요한 라이센싱 고려사항: Chart FX DTC는 Chart FX IE 디자이너 컴포넌트의일부입니다. 그러므로, 이 제품을 구입하면 Chart FX DTC 의 라이센스 하나가 여러분에게 주어질 것입니다. 한번에 하나 이상의 컴퓨터에 Chart FX DTC를 배포하거나 유통 시킬 권한은 없습니다.Chart FX DTC 재배포에 대한 더 자세한 정보는 소프트웨어 FX, Inc에 연락을 하거나 Chart FX Internet Edition 라이센스 동의서를 참조 하십시오 .

Page 88: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 80 -

비주얼 InterDev 와 DTCs 스크립팅 객체 모델은 객체 지향형 프로그래밍 모델을 HTML과 스크립트 프로그래밍을 소개하여 웹 어플리케이션 개발을 단순화 합니다. 모델은 또한 점점 복잡도가 줄어들고 클라이언트 (브라우저)와 서버 사이의 상호 작용에 포함된 쓰기 어플리케이션에 필요한 스크립트 양이 줄어듭니다.

스크립팅은 디자인할 때 스크립트 객체 생성과 편집에 친숙한 그래픽 인터페이스를 제공하는 DTC에 의해 더욱 쉬워 졌습니다. DTC와 속성을 편집 할 때, 스크립팅 객체 모델에 필요한 비주얼 InterDev는 자동적으로 실시간 텍스트에 쓰기(write) 합니다. DTC를 스크립트 빌더 (script builder )의 일종으로 생각할 수 있습니다.

Chart FX DTC는 두 단계의 상호작용을 갖고 있습니다. 디자인 할 때, 비주얼 베이직처럼 환경에 폼(form)을 넣어 제어됩니다. 여러분은 HTML 편집기와 시각적으로 상호작용을 할 수 있으며 모양과 행동을 지정하는 속성을 설정합니다. 그러나, 실제 목적은 페이지가 실행될 때 실행되도록 스크립트를 생성하는 것입니다. 그러므로 Chart FX DTC에서 속성을 설정할 때, 여러분은 DTC가 생성되도록 실제로 코드를 변경합니다.

DTC를 실행시키기 위해 코드를 생성할 때, script object 를 동적으로 생성합니다. 스크립트 객체는 속성을 설정하고 메소드를 호출할 때 여러분이 스크립트에 쓰는 (write)하는 객체입니다. Chart FX DTC를 사용하여 속성을 설정할 때, 실제로 DTC UI와 의 작동으로 생성되는 두 부분의 코드가 잇습니다. 코드의 블록은 이전의 세트 속성을 나타내는데 사용되고 DTC가 재진입 하도록 허용합니다. (즉, 속성은 제어를 반복적으로 편집할 때 대략적으로 나타날 것입니다). 이 코드는 서버 상에서는 실행되지 않고 결과 페이지 상에 만 나타나므로 여러분 페이지에 어떤 영향도 주지 않습니다. 이 것은 단지 DTC의 재진입 능력에만 사용됩니다.이 코드는 <METADATA> 태그로 시작되므로 쉽게 식별할 수 있습니다.

실행되는 실제 ASP 코드는 생성되는 코드의 두 번째 블록입니다.

여러분의 페이지를 디자인 할 동안, 속성 윈도우나 Chart FX 고객 속성 페이지에 DTC에 대한 속성을 설정할 수 있습니다. 또한, 만일 ASP 페이지 속성에 여러분 고유의 코드를 추가하면, 스크립팅 할 때 IntelliSense® 문의 완성된 드롭 다운 목록에 나타날 것입니다. 이 특징에 관한 더 많은 정보는 이 장의 Tips & Tricks 섹션에 있는 "여러분의 고유 코드 추가하기" 를 참조하십시오.

Page 89: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 81 -

다음의 이미지는 Chart FX DTC와 비주얼 InterDev 6.0의 가장 통상적인 특징 몇몇을 나타냅니다.

툴 상자: 는 Chart FX DTC를 선택하고 여러분 페이지에 넣을 때 사용하는 도구 입니다. 만일 툴 상자의 오른쪽을 클릭하여 ASP용 Chart FX IE 4.0 DTC를 볼 수 없다면, "Customize Toolbox" 를 선택하고 DTC에서 가능한 목록 중 Chart FX 4.0 DTC에 체크 합니다. 만일 목록에서 이 제어를 볼 수 없다면, 여러분은 Chart FX 디자이너 컴포넌트 설치를 잊으신 것입니다.

Chart 객체: Chart를 페이지에 가져오자마자, Chart 객체는 그래픽 뷰에서 나타날 것이고, Chart에서 오른쪽을 클릭하고 “속성”을 선택하여 Chart 커스터마이징을 시작하거나 Chart가 선택될 때 속성 윈도우로 Chart의 어트리뷰트를 설정합니다.

속성 윈도우: Chart 객체가 선택될 때 모든 Chart FX 속성을 나타냅니다. 이 속성들은 여러분이 쉽게 인식할 수 있도록 기능별로 편성 되며, 또한 Chart의 오른쪽을 클릭하여 Chart 변경을 원할 때 의존적으로 쉽게 사용할 수 있는 Chart FX 속성 페이지로 액세스하는 속성을 선택합니다. 모든 속성이 고객 속성 페이지에서 가능한 것은 아니므로, 결국 이 목록과 함께 작동되게 될 것 입니다.

실행 시간 텍스트: Chart FX DTC에 의해 생성된 실제 코드를 보여줍니다. Chart 객체의 오른쪽을 클릭하고 드롭 다운 메뉴에서 “실행 시간 텍스트 보여주기”를 선택하여 보여줄 수 있습니다.

Page 90: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 82 -

IntelliSense: Chart FX 스크립트 객체로 액세스 하자마자 나타나는 드롭다운 콤보 상자 입니다. 이 특징은 좀 더 쉽게 속성과 메소드로 액세스하는 것을 허용합니다. 이 특징에 대해 더 자세한 정보는 "여러분의 고유 코드 추가하기” 를 참조 하십시오.

Page 91: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 83 -

마법사: Chart 구성을 쉽게 만들어 줍니다

개발자를 위해 추가한 특징으로, Chart FX DTC는 Chart에서 추가적인 프로그래밍 노력이나 속성 페이지나 목록을 액세스하지 않고 일반적인 셋팅을 쉽게 커스터마이즈 하도록 하는 마법사를 제공합니다. Chart를 맨 처음 클릭하면 Chart FX 마법사 매니저가 나타납니다. 이 때, 마법사가 실행되도록 선택하거나 개발을 계속하려면 취소하고 Chart FX 속성 페이지와 서로 대화를 하는 표준 DTC 메소드를 사용하여 속성을 설정합니다.

마법사는 대개 알기 쉬우며 Chart FX 98 API나 속성 페이지를 참조할 필요 없이 Chart FX에서 복잡한 작업을 수행하기 위해 여러 단계 (다이얼로그 상자의 폼(form)으로)를 통해 작업합니다. 추가된 값은 어떤 코드를 타이핑하거나 특정 속성을 보지 않고도 여러분이 시각적인 어트리뷰트를 빠르고 쉽게 설정 할 수 있도록 해 줍니다. 이 마법사는 Chart FX에서 사용되는 대부분의 속성을 여러분이 액세스할 수 잇도록 디자인 되었습니다. 또한, 기타 Chart FX 확장 (Chart FX 파이낸셜 에디션 같은)을 사용하면 이 확장들은 여러분의 기존 프로젝트에서 쉽게 Chart FX 확장을 통합하도록 도와 줄 그들만의 마법사를 제공합니다 (제공하지 않을 수도 있습니다).

Chart FX DTC 마법사 매니저는 다음과 같습니다:

예를 들어, "Chart 모양 마법사 "는 코드를 한 줄도 쓰지 않고 다른 Chart를 설정하고 보이도록 합니다.

Chart FX 마법사 금지하기/허가하기.

여러분은 “Chart가 생성될 때 다이얼로그 보여주기” 체크 상자를 금지시켜 마법사 사용을 금지 시킬 수 있습니다. 이렇게 되면, 마법사 매니저는 자동적으로 팝업 되지 않을 것 입니다. 여러분이 마법사로 다시 액세스 하기를 원한다면, Chart에서 오른쪽 마우스를 클릭하여 “마법사” 옵션을 선택해야 합니다. 이 때 Chart 생성 시간에 마법사 매니저가 사용되기를 원하거나 특정 마법사 실행을 원한다면 여러분은 선택 할 수 있습니다.

Page 92: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 84 -

교육적인 도구로서의 마법사.

특정 마법사 실행 후 마지막 다이얼로그는 원하는 효과를 이루는 마법사로 사용되는 Chart FX API에서 속성과 메소드를 제시할 것입니다.

비록 코드가 Chart와 ASP 코드를 설정하도록 제시되어 있다면, 마법사가 Chart를 생성하는 동안 여러분은 이것을 교육적인 도구로 사용하고 Chart FX API를 배울 수 있습니다.

Page 93: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 85 -

Chart FX DTC를 사용하여 데이터 베이스로 연결하기

비록 이전에 어떻게 ADO 연결을 사용하여 Chart 그리기를 하는가를 설명 했지만, 여러분 페이지에 있는 RecordSet 객체를 연결하는 수단을 제공하는 Chart FX DTC 를 알게 되면 기쁠 것 입니다. 이 메소드는 여러분이 ASP 코드를 타이핑 하는 것보다 더 쉽습니다. 게다가 비주얼 InterDev 6.0에서 제공하는 RecordSet DTC 제어를 사용하여 그래픽적인 방법으로 설정, 테이블, SQL 문을 쉽게 설정할 수 있습니다.

중요한 노트: RecordSet DTC는 비주얼 InterDev에서 웹 프로젝트를 생성할 때 필요하며 이 프로젝트에서 하나 이상의 유효한 데이터 연결을 구성해야 합니다. VI 6.0 문서를 참조하거나 http://msdn.microsoft.com/vinterdev의 VI 6.0웹 사이트를 참조 하십시오

Chart FX를 가지려면 RecordSet 객체를 사용하여 생성된 ResultSet에서 데이터를 가져와야 합니다. 다음의 단계를 따르십시오:

• 웹 프로젝트를 생성하고 유효한 데이터를 추가하여 연결하기. • 도구상자에서 RecordSet DTC 객체를 가져와 오른쪽 마우스를 클릭하고 속성을 선택하거나 객체에서 공란을 채워 구성합니다. 이 객체 (매개변수화 된 질의 포함)에 적용할 수 있는 서로 다른 많은 설정이 있다는 점에 유의하시고 이 객체를 적절히 설정하도록 VI 6.0 문서를 참조 하십시오.

• 도구 상자에서 ChartFX Chart를 가져온다 • Chart 객체를 오른쪽 마우스 버튼으로 클릭하고 테이터 탭을 선택 • 일단 데이터 탭 안에서, “Read from a recordSet object (RecordSet 객체에서 읽기)“를 선택 • RecordSet 객체를 선택하여 원하는 데이터를 검색. • Chart에서 구성을 원하는 필드와 Chart FX를 어떻게 사용할 지를 지정하는 데이터 탭 설정 사용.

Page 94: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 86 -

이 단계는 다음의 그림에 서술되어 있습니다:

중요한 팁: 여러분은 항상 RecordSet과 Chart 객체의 오른쪽 마우스 버튼을 클릭하여 이 두개의 컴포넌트로 생성된 ASP 코드를 참조하는 드롭 다운 메뉴에서 “실행시간 텍스트 보기”를 선택합니다.

Page 95: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 87 -

RecordSet 객체에서 Chart FX 읽기 데이터를 변경하는 방법.

Chart FX를 RecordSet 객체에 의해 생성된 SQL문을 해석하는 방법을 변경하도록 Chart FX 데이터 탭을 사용할 수 있습니다. 이것은 여러분이 기대하는 Chart를 생성하거나 생성하지 않을 규칙을 적용할 Chart FX처럼 아주 중요합니다. ASP로 코딩 할 때, 앞에서 논의된 “Chart 그리기" 에 서술된 데이터 타입 속성을 사용할 수 있으며, DTC를 사용할 때는 다음의 그림에 서술된 것처럼 동일한 결과를 얻도록 데이터 탭을 조작할 수 있습니다:

Page 96: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 88 -

Page 97: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 89 -

Chart FX 프로그래머 가이드 팁과 트릭

이 절에서 다루는 주제들

Chart 크기 조절하기 이미지 속성 설정하기 주문형 코드 추가하기

Chart FX 확장 추가하기 VBScript vs. JavaScript

Page 98: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 90 -

Page 99: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 91 -

Chart 크기 조절하기

Chart FX 서버 컴포넌트는 사용되고 있는 브라우저로 적절하게 응답을 해야 하므로, 이미지는 Chart의 페이지로 액세스하는 브라우저의 결과로 생성됩니다. 이 주제에 관해 더 자세한 정보는 이 설명서의 뒤에 나오는 “서버 응답”에서 논의됩니다.

즉, 브라우저 내에서 스스로 클라이언트 측 컴포넌트의 크기를 조절하도록 하려면 GetHtmlTag 메소드 를 호출할 때 퍼센트를 사용하면, 결과 이미지는 원하지 않는 결과를 산출 할 고정된 크기로 생성될 것입니다. 예들 들어, 여러분의 GetHtmlTag 가 다음을 읽는다면:

chart.GetHtmlTag("100%","80%", ...)

클라이언트 측 컴포넌트는 브라우저에서 폭은 100% 높이는 80% 를 차지 할 것입니다. 만일 사용자가 브라우저 크기를 조정하려면 Chart 컴포넌트는 이 퍼센트를 사용하여 자체적으로 새로운 크기로 조절됩니다. 그러나, 브라우저가 이 페이지를 나타내고 이미지가 생성되어야 한다면 (브라우저는 클라이언트 측 컴포넌트를 허용하지 않기 때문에) 결과 이미지는 고정된 크기로 생성될 것입니다.

이 제한을 해결할 방법은 (예상된 이미지 크기로 퍼센트를 결합할 수 있는) Chart 객체의 ImgWidth 와 ImgHeight 속성을 사용하는 것 입니다. 예를 들어, 여러분이 다음의 코드를 입력하면:

chart.ImgWidth = 500 chart.ImgHeight = 300 chart.GetHtmlTag("100%","80%")

Chart FX는 클라이언트 측 컴포넌트가 사용될 때 퍼센트를 생성할 수 있을 것이고 이미지 생성이 필요할 때 예상된 이미지 크기를 생성할 수 있을 것 입니다.

Page 100: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 92 -

그러나 Chart FX DTC는 항상 고정된 Chart 크기를 생성합니다!

비주얼 InterDev 는 여러분이 페이지 디자인을 조절할 수 있으므로 에디터 내에서 객체 크기를 조정하도록 하는 DTC 컨테이너 이므로, 브라우저의 퍼센트를 점유할 수 있도록 특별한 제어는 기대할 수 없습니다. 이러한 제한 극복하기 위해, 저희는 이미지 크기가 조절되는 동안 클라이언트 측 객체에서 여러분이 퍼센트를 설정하도록 허용할 수 있는 ObjWidth 와 ObjHeight 2개의 추가 속성을 소개 합니다

이 속성들은 여러분이 원하는 Chart의 폭과 높이에 퍼센트를 설정하므로, 이미지 크기는 아래의 그림에 서술된 것처럼 VI 6.0 에디터에서 객체의 크기로 제어 됩니다:

Page 101: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 93 -

DTC로 이미지 속성 설정하기

Chart FX IE 서버 컴포넌트는 사용되고 있는 브라우저에 적절히 응답하기 때문에, 이미지는 Chart의 페이지로 액세스하는 브라우저의 결과로 생성될 것입니다. 이 주제에 대한 더 자세한 정보는 이 설명서의 뒤에 있는 in the “서버 응답” 장에서 논의 됩니다.

DTC를 사용할 때 여러분은 속성 목록 내의 “이미지”라는 카테고리를 사용하여 이미지 설정을 쉽게 조정할 수 있습니다. 이것들은 다음의 그림에 서술됩니다:

이 속성들은 ChartFX_98_API.chm 파일이나 이 장의 위에 나오는 "이미지 생성" 에 완전하게 문서화되어 있습니다. 속성들은:

그림 1: 속성 목록은 Chart FX 서버 측 컴포넌트에서 사용하는 이미지 설정 변경에 사용할 수 있는 이미지 카테고리를 제공합니다. 이 속성들은 Chart FX 서버 측 컴포넌트에서 만 사용 가능하고 Chart FX ActiveX 컴트롤을 사용하는 클라이언트 측 코드를 생성할 때는 사용할 수 없습니다

ImgColors: 결과 이미지의 디폴트 컬러 팔레트를 제어. 8 (8-비트) 이나 24 (24-비트)로 설정. 디폴트로 이 속성은 24로 설정. PNG 와 JPEG 이미지 모두에 적용.

ImgCompression: 결과 PNG 파일을 어떻게 압축 할지를 제어. 이 설정은 JPEG 이미지에 적용되지 않음. 설정 범위는 0 (압축 없음) 에서 100 (최대 압축) 까지.

ImgInterlaced: 만일 결과 이미지가 브라우저에 의해 부분적으로 나타난다면 부울(Boolean)로 지정됨. 저장된 PNG 이미지에만 적용. 디폴트로 이미지는 interlace되지 않습니다. 즉, 브라우저는 Chart를 나타내기 전에 모든 파일을 다운로드 해야 합니다.

Page 102: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 94 -

ImgMap: 이미지 맵 생성 능력을 참조. 자세한 정보는 이 설명서의 뒤에 있는 “이미지 맵” 을 참조.

ImgMethod: JPEG 생성 모드를 설정. 가능한 설정은: 0 (Slow Integer), 1(Fast Integer), 2 (Float). JPG 이미지에만 적용.

ImgQuality: JPEG 이미지의 질을 설정. JPEG 이미지에만 적용. 범위는 0 (최저의 질) 에서 (최상의 질).

ImgSizeable: 퍼센트가 GetHtmlTag 메소드에서 지정될 때 크기를 조정할 수 있는 이미지일 때 나타내는 부울(Boolean) 속성. 자세한 정보는 "Chart 크기 제어하기" 참조.

ImgSmooth: JPEG 이미지의 부드러움을 조절. JPEG 이미지에 만 적용. 0 (부드러움 없음. 권장) 에서 100 (최고로 부드러움)까지의 범위 설정. 100으로 설정하면 Chart 디더링 증가.

ImgTags: Chart FX에 의해 생성된 IMG 태그에 추가될 수 있는 스트링 속성. 예를 들어, 결과 <IMG> 태그가 내부에 스티링을 갖게 될 경우 이 속성을 BORDER=0으로 설정할 수 있습니다.

Page 103: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 95 -

여러분 고유의 코드로 추가하기 Chart FX에 의해 지원되는 몇몇 속성과 메소드는 DTC 사용자 인터페이스에는 적용할 수 없으므로, 제품에서 사용할 수 있는 어떤 속성과 메소드로 액세스 할 수 있는 여러분의 asp 페이지에서 이 코드를 쓰도록 (write) 강제 할 수 있습니다. 예를 들어, Chart FX API를 사용하여 데이터 전달을 원한다면 Chart FX DTC는 코드를 자동적으로 생성하지 않으므로 여러분 스스로 코드의 블록을 써야 (write)합니다.

문제점은 Chart FX DTC는 또한 Chart를 생성하기 전에 여러분이 만들어야 할 제일 마지막 호출인 GetHtmlTag 메소드로 호출을 생성한다는 사실에 있습니다. 그러므로 비주얼 InterDev처럼 고객 코드에 포함되는 것을 금지하면 Chart FX DTC에 의해 생성된 코드 편집을 시도할 때 다음과 같은 경고가 주어질 것 입니다:

비주얼 InterDev는 DTC의 재진입 능력 때문에 자동적으로 생성된 이 코드를 편집하는 것을 금지합니다. 즉, 여러분은 GetHtmlTag 메소드 보다 먼저 코드의 또 다른 블록에 추가해야 합니다. 그러므로, 이렇게 할 수 있는 하나의 방법은 속성 목록에서 빈 스트링으로 GetHtmlTag 속성을 설정하는 것입니다. 이것은 ASP에서 여러분 소유의 코드에 포함될 수 있는 GetHtmlTag를 생성하지 못하도록 DTC에게 명령할 것 입니다 .

이 설정은 다음의 그림에서 설명 됩니다.

Page 104: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 96 -

중요한 노트: GetHtmlTag는 DTC에 의해 생성되지 않을 것입니다. 그러므로, 쓰기에 실패하면, ASP 코드는 Chart 만 생성할 것이지만 ASP에 존재하지 않는 GetHtmlTag 메소드로는 ASP는 Chart를 나타내지 않을 것입니다. 또한 ASP가 브라우저에 무엇인가를 반환해야 되므로 GetHtmlTag는 <%=%> 스위치를 가지고 있어야 합니다.

DTC는 Chart FX API의 각 상수와 연관된 수치 값을 사용하는 ASP 코드를 생성하기 때문에, 만일 여러분이 여러분 코드에 있는 Chart FX 상수를 사용할 것 이라면 inc 파일은 포함되어야 만 합니다. 이 문제는 "여러분의 ASP 스크립트 하기" 장에 설명되어 있습니다.

Page 105: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 97 -

Chart FX 확장 추가하기

Chart FX IE 확장은 원래 제품의 기능성을 확장하는 COM 인터페이스입니다. 예를 들어, 브라우저에서 직접적으로 Chart의 맨 위에 여러분이나 여러분 최종 사용자의 annotation을 허용하는 확장을 생성했습니다 (이것은 로열티가 없는 확장 입니다). 이 확장의 또 다른 좋은 예는 Chart FX Internet Edition과 호환 가능한 Com 확장에서 모든 제품을 랩(wrap)할 수 있는 Chart FX 파이낸셜 에디션입니다. 그러므로, 확장은 Chart FX에 새로운 특징을 추가하는 아주 간단한 컴포넌트가 아닌 브라우저 기반의 어플리케이션을 빠르고 쉽게 개발할 수 있도록 하는 실질적인 완전한 제품이 될 수도 있습니다.

확장은 추가적인 COM 객체이므로, 여러분의 ASP 코드에서 사용하려면 확장을 다룰 수 있는 서버 객체를 생성하고 호출해야 합니다. 이것은 Server.CreateObject 메소드를 사용하여 Chart를 생성하는 것과 아주 유사합니다 (VI 6.0 and DTCs 장에서 서술된 것 처럼). 차이점은 Chart FX 확장은 일단 이것이 생성되면 AddExtension 메소드를 사용하여 주 Chart FX 객체에 추가해야만 한다는 것 입니다. 예를 들어 다음의 코드는 Annotation Extension Server 객체를 생성하고 AddExtension 메소드는 Chart FX 객체에 그것을 첨부할 때 사용됩니다:

Set AnnExt = Server.CreateObject("AnnotationX.AnnList") ChartFX1.AddExtension AnnExt

'Then the AnnExt variable is used to access all objects, properties and methods (API) of the annotation extension.

DTC를 이용하여 여러분의 ASP 코드에 확장을 추가할 때는 Chart 객체의 오른쪽을 클릭하고 드롭 다운 메뉴에서 속성 옵션을 선택하고 확장 탭으로 가서 여러분 Chart에 추가하려는 확장을선택하면 되므로 아주 간단합니다. Chart FX DTC는 자동적으로 Server.CreateObject 호출을 추가하고 여러분이 추가하려는 확장에 대해 AddExtension 호출을 합니다. DTC에서 확장을 사용할 때, 여러분이 추가하려는 확장에 대한 속성 페이지는 비주얼 InterDev 환경에서 확장과 작동되기 쉽게 만들어진 DTC의 일부가 됩니다.

Page 106: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 98 -

일단 ASP 코드에 추가된 확장은 다음의 그림에 서술된 것처럼 자동적으로 갱신될 것 입니다:

일단 Chart에 확장을 추가하면 확장 툴바가 Chart 상에 어떻게 나타나는지에 유의하십시오. 이 툴바는 Chart가 브라우저 상에 나타날 때 최종 사용자가 annotation 객체를 생성하도록 하거나 프로그래머로서 여러분이 중요한 Chart 요소를 호출하도록 ASP 코드 자체에서 annotation 객체를 생성하도록 할 것입니다. 이 확장 (샘플을 포함한)에 관한 더 자세한 사항은 "Annotation 확장” 장에 서술되어 있습니다.

Page 107: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 99 -

VbScript vs. JavaScript

비주얼 InterDev 의 디폴트 스크립트 언어는 VbScript입니다. 그러나, 많은 개발자들은 문법 사용이 좀 더 편하기 때문에 자바 스크립트에서 ASP 코드로 쓰는 것을 선호합니다. 이를 위해, DOCUMENT (Chart 객체 아님)의 defaultServerScript 속성을 사용해야 합니다. Chart (Chart FX 서버 컴포넌트와 상호 작용을 하지 않는)에 embed된 Chart FX ActiveX 컨트롤로 HTML을 생성할 때는 defaultClientScript 속성을 또한 설정해야 합니다.

노트: 여러분이 Chart 객체를 선택했기 때문에 이 속성으로 접근할 수 없다면, Chart를 선택하지 않은 페이지의 백그라운드를 간단히 클릭하면 DOCUMENT 속성은 속성 목록에 나타날 것이며, 그 때 Misc 카테고리를 선택하고 defaultServerScript 속성의 컨텓츠를 설정합니다.

Chart FX DTC는 실제로 이 속성의 컨텐츠를 읽으며 결과 코드가 생성될 것 입니다.

ASP 코드가 아직도 서버 상에서 실행되고 있다면 이것은 VbScript에 어떤 중요한 장점도 제공하지 않습니다. 이는 단지 프로그래머에게 좀 더 친숙한 방법으로 결과 코드를 나타내는 방법입니다.

Page 108: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 100 -

Page 109: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 101 -

Chart FX 프로그래머 가이드 서버 응답 처리

이 절에서 다루는 내용

소개 인터넷 익스플로러

넷스케이프 네비게이터 기타 브라우저 (이미지 생성)

Page 110: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 102 -

Page 111: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 103 -

브라우저가 서버 응답을 해석하는 방법

브라우저가 Chart가 있는 페이지에 접근할 때 Chart FX 서버 컴포넌트는 다음 사항을 포함하는 가장 중요한 임무를 수행한다 : Chart를 그리기 위해서 데이터베이스에 연결, 액티브 컨텐츠를 표시하기 위한 브라우저의 성능 파악을 위한 HTTP_USER_AGENT 처리, 이미지를 생성하거나 브라우저에 호환성을 가지는 HTML 택 생성, 이미지 맵 과 Chart 링크 생성. 실제로는 Chart FX 서버 컴포넌트는 사용하고 있는 서버의 특성에 따라 가장 중요한 임무를 수행하게 된다. 이것이 바로 Chart FX IE가 강력한 기능을 가질 수 있도록 하는 특징이다: 서버 컴포넌트는 Chart를 처리할 능력을 가지고 있고 사용되는 브라우저에 독립적으로 호환성을 가지는 결과를 만들어 낸다. 이러한 임무들 중 몇몇은 다음의 그림에 설명되어 있다:

Chart FX 서버 컴포넌트가 자동 탐지 모드로 설정되어 있을 때 인터넷 익스플로러 일 때는 <OBJECT>태그를, 넷스케이프 네비게이터 일 때는 <EMBED>태그를 각각 생성한다. 이렇게 함으로써 Chart FX IE 에서 제공하는 클라이언트 측 컴포넌트를 이 브라우저들이 이용할 수 있도록 한다.

NOTE: 이러한 클라이언트 측 컴포넌트들은 윈도우 95/98//NT 등 32 비트 마이크로소프트 윈도우 운영체제를 위해서 제공된다. 16 비트 브라우저나 다른 운영 체제를 사용하는 경우에는 Chart FX 서버 컴포넌트는 <IMG>태그를 사용해서 이 브라우저들이 Chart를 Png나 JPEG 이미지로 볼 수 있도록 한다.

Page 112: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 104 -

이 chapter에서는 Chart FX 서버 컴포넌트에서 제공된 정보들을 브라우저가 어떻게 처리하는지 설명한다. 이 정보는 최종 사용자에게 솔루션을 제공한 후 최종 사용자에게 일어날 수도 있는 문제점들을 해결하고 이해하는데 중요한 것이다:

• 인터넷 익스플로러 • 넷스케이프 네비게이터 • 기타 브라우저

Page 113: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 105 -

인터넷 익스플로러가 서버 응답을 해석하는 방법

인터넷 익스플로러가 Chart를 포함하고 있는 asp 페이지에 접근했을 때 GetHtmltag 메소드는 다음과 같이 브라우저에 <OBJECT> 태그를 리턴한다:

<OBJECT CLASSID="CLSID:21F49842-BFA9-11d2-A89C-00104B62BDDA" TYPE="application/x-oleobject" WIDTH="500" HEIGHT="350" ID=" chart 1" CODEBASE=/download/CfxIEAx.cab#Version=4,4,11,3> <PARAM NAME="LICENSE" VALUE="/license/CfxIE.lic"> <PARAM NAME="DATAPATH" VALUE="/cfxtemp/CFT0916_152501DA.chw"> </OBJECT>

Chart FX IE 서버 컴포넌트에서 생성한 <OBJECT> 태그의 일부로서 다음 변수들이 포함되어 있다:

CLASSID. 이것은 등록 시에 Chart FX ActiveX 컨트롤에 할당된 고유 번호이다. 어떠한 ActiveX 컨트롤들도 같은 CLASSID 번호를 공유할 수 없다. Position. 브라우저는 Chart FX ActiveX를 위해서 웹페이지에 얼마만큼의 공간이 마련되어 있는 가와 정확히 이 컨트롤이 페이지 상의 어느 곳에 위치해야 하는 지를 알 필요가 있다. 이 컨트롤은 높이, 넓이, 그리고 다른 위치 값들을 가져야 한다. 이러한 변수들은 GetHtmlTag 메소드의 처음 두 개의 변수에 따라서 자동적으로 생성된다. ID. CLASSID 번호는 매우 길다. 클라이언트 측의 스크립트에서 이 긴 번호로 컨트롤을 참조하는 것은 매우 귀찮은 일이 될 수 있다. 대신에 각 컨트롤은 그 컨트롤을 나타내는 짧은 ID - 일종의 별명 –을 가진다. 이 ID 또는 이름은 GetHtmlTag 메소드 내에서 변경될 수 있다. CODEBASE. 캐비닛(cabinet) 파일(Chart FX ActiveX의 압축 버전)이 저장된 곳을 가리키는데 이렇게 함으로써 브라우저는 실제적으로 이 곳으로부터 컨트롤을 다운로드 해서 자동 설치하게 된다. 또한 이 변수는 Chart FX ActiveX 클라이언트를 포함하고 있어서 새로운 버전의 Chart FX ActiveX 클라이언트를 업로드 했을 때 인터넷 익스플로러가 자동적으로 새로 인스톨된 컨트롤을 인식하게 된다. ActiveX 클라이언트 업그레이드에 대한 보다 자세한 정보는 이 후의 페이지 내용을 참조한다. CODEBASE 변수는 CfxSrv.Ini 파일에 있는 Codebase 엔트리에 따라서 생성된다. LICENSE. Chart FX ActiveX 컨트롤은 서버에 올바른 라이센스 파일이 없는 경우에는 브라우저에서 실행되지 않는 라이센스가 필요한 컨트롤이다. 이 라이센스 파일은 웹 서버의 \License 디렉토리에 생성되어 있고 재배포 되어서는 안 된다. Chart FX ActiveX 컨트롤은 Chart가 브라우저에 표시되기 전에 라이센스 파일(LIC)이 이 디렉토리에 있는지를 먼저 검사한다. 실제적으로는 이 라이센스 파일은 브라우저에 의해서 다운로드 되지 않은 상태로 읽혀지게 된다.

DATAPATH. Chart FX IE 서버 컴포넌트는 Chart FX ActiveX 클라이언트가 브라우저에 정보를 표시하기 위해 사용하는 임시 Chart 파일을 만들 것이다. 이 파일은 자동적으로 CfxSrv.Ini에 포함된 임시 디렉토리에 만들어 진다. 이 Chart 파일은 Chart FX가 필요로 하는 모든 시각적 속성들과 수치 정보를 포함하고 있다.

Page 114: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 106 -

ActiveX 컨트롤 처음 설치하기 ActiveX 컨트롤들은 자동 설치 방식으로 설치된다: 해당 컨트롤을 포함하고 있는 페이지에서 브라우저를 지정하는 것 정도만으로도 필요한 절차가 충족된다. ActiveX 컨트롤을 설치할 때 주요한 문제는 최종 사용자의 인터넷 익스플로러가 적절한 보안 레벨으로 설정되었는가 하는 것이다. ActiveX 컨트롤의 자동 다운로딩에 대한 정보는 인터넷 익스플로러의 문서를 참조한다. 새로운 Chart FX 액티브 X 클라이언트가 다운로드 되려고 할 때 마다, 인터넷 익스플로러는 ‘신용하는 제공 업체 제품 목록’에 대하여 ActiveX 컨트롤의 소스를 검사한다. 만일 그 컨트롤에 대한 소스가 리스트에 포함되어 있지 않다면 다음과 같은 메시지를 보게 될 것이다:

중요: 클라이언트의 브라우저는 ActiveX 컨트롤을 받을 수 있도록 설정되어 있어야 함. 이렇게 하기 위해서는 보안 설정이 ‘보통’ 이하로 설정되어 있어야 함. 만일 ‘높음’으로 설정하면 Chart FX IE 클라이언트 측 컨트롤을 포함한ActiveX 컨트롤이 다운로드 되지 않음

홈페이지 방문객은 이 컨트롤을 설치할 수도 있고 아닐 수도 있다. 그리고 소프트웨어 FX 사를 자신들의 ‘신용 목록’에 추가할 것인지를 선택할 수도 있다. 만일 목록에 추가하는 것을 거부하면 다음에 Chart FX의 <OBJECT>태그를 포함한 페이지를 만날 때도 동일한 메시지가 나타난다. Chart FX ActiveX 클라이언트는 클라이언트 머신의 /windows/occahe 디렉토리에 설치되고 이 후의 방문을 대비해서 계속 보관된다. Chart FX ActiveX 클라이언트 업데이터 버전 설치 하기 새로운 버전의 Chart FX ActiveX 클라이언트를 서버에 업로드했고(캐비닛 파일이나 일반 파일 모두) 방문객에게 가장 최신의 컴포넌트를 제공하기를 원하면 해야 하는 일은 단지 서버에 있는 CfxSrv.Ini 파일을 변경하는 것 뿐이다. 예를 들어 현재 버전 4.4.11.5를 가지고 있다면 CfxSrv.Ini에는 다음과 같은 엔트리를 가져야 한다:

Codebase=/download/controls/cfxax.cab#Version=4.4.11.5

최근에 버전 4.4.11.7로 업그레이드 했다면 CfxSrv.Ini에 있는 관련 버전 번호만 변경해 주면 된다. 이렇게 하면 다음 번에 사용자가 이 페이지를 방문하면 인터넷 익스플로러는 새로운 버전이 사용

Page 115: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 107 -

가능하다는 사실을 탐지하고 다운로드 한 다음 등록하고 설치할 것이다.

Note: Chart FX ActiveX 클라이언트의 버전은 파일(CfxAx32.ocx)을 오른쪽 마우스 버튼 클릭하고 메뉴에서 프로퍼티를 선택해서 알 수 있다(윈도우 95/NT).

Chart FX 확장 기능 또는 유틸리티의 다운 로드 ActiveX 컨트롤이나 부가적인 COM 확장으로 제품에 제공되는 다른 Chart FX 확장 기능이나 유틸리티를 사용하게 될 수도 있다. 예를 들어 Annotation(주석) 객체 또는 파일 압축 프로그램 또는 Chart FX 재무 에디션 등을 사용하려면 이것들이 필요할 때 여기에서 설명된 동일한 절차를 거쳐서 다운 로드된다. 따라서 최종 사용자들은 브라우저가 이러한 것들을 다운로드하고 있을 때 각기 다른 인증서를 보게 될 것이다.

Page 116: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 108 -

넷스케이프 네비게이터가 서버 응답을 해석하는 방법

넷스케이프가 ASP 페이지를 만나게 되면 GetHtmlTag 메소드는 네비게이터에게 다음과 같이 <EMBED> 태그을 리턴한다:

<EMBED type=chart/chart fxie width="500" height="350" name=" Chart 1" PLUGINSPAGE=/download/NpCfxIE.htm PluginVersion="4,4,11,3" LICENSE="/license/CfxIE.lic" DATAPATH="/cfxtemp/CFT0916_160906242.chw" >

다음 변수들이 Chart FX IE 서버 컴포넌트가 생성한 <EMBED>태그의 일부로서 포함된다:

Type. Chart FX 플러그-인 클라이언트가 등록된 MIME 타입. Position. 브라우저는 Chart FX ActiveX를 위해서 웹페이지에 얼마만큼의 공간이 마련되어 있는 가와 정확히 이 컨트롤이 페이지 상의 어느 곳에 위치해야 하는 지를 알 필요가 있다. 이 컨트롤은 높이, 넓이, 그리고 다른 위치 값들을 가져야 한다. 이러한 변수들은 GetHtmlTag 메소드의 처음 두 개의 변수에 따라서 자동적으로 생성된다. PLUGINSPAGE. 사용자가 다양한 버전의 플러그 인을 다운로드 받을 수 있는 URL(또는 html)을 가리켜서 넷스케이프 네비게이터에 처음으로 설치될 수 있도록 한다. 이 변수는 CfxSrv.Ini 파일에 있는 PlugInsPage 엔트리에 따라서 생성된다. LICENSE. Chart FX 플러그 인 컨트롤은 서버에 올바른 라이센스 파일이 없는 경우에는 브라우저에서 실행되지 않는 라이센스가 필요한 컨트롤이다. 이 라이센스 파일은 웹 서버의 \License 디렉토리에 생성되어 있고 재배포 되어서는 안 된다. Chart FX 플러그 인 컨트롤은 Chart가 브라우저에 표시되기 전에 라이센스 파일(LIC)이 이 디렉토리에 있는지를 먼저 검사한다. 실제적으로는 이 라이센스 파일은 브라우저에 의해서 다운로드 되지 않은 상태로 읽혀지게 된다. DATAPATH. Chart FX IE 서버 컴포넌트는 Chart FX 플러그 인 클라이언트가 브라우저에 정보를 표시하기 위해 사용하는 임시 Chart 파일을 만들 것이다. 이 파일은 자동적으로 CfxSrv.Ini에 포함된 임시 디렉토리에 만들어 진다. 이 Chart 파일은 Chart FX가 필요로 하는 모든 시각적 속성들과 수치 정보를 포함하고 있다.

Page 117: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 109 -

플러그인 처음으로 설치하기 넷스케이프 플러그 인은 자동적으로 설치되지 않기 때문에 클라이언트 머신에 플러그인이 설치되지 않았을 때는 넷스케이프 네비게이터가 해당 요청을 사용자가 넷스케이프 클라이언트 측 플러그 인을 위한 셋업 어플리케이션(.exe 파일)을 받을 수 있는 페이지로 돌리게 된다. 이 설치 프로그램은 적절한 디렉토리에 넷스케이프 플러그 인을 설치하고 이 컨트롤을 등록시키게 된다. 성공적으로 플러그인 설치를 마치기 위해서 사용자는 넷스케이프 관련프로그램을 모두 닫아야 하고 또는 /Download 디렉토리에 있는 htm 파일과 함께 제공되는 자바 코드를 실행시킨다. 단, 이 코드는 넷스케이프 네비게이터의 오래된 버전에 대해서는 영향력이 없다. 성공적으로 설치가 된 후에 플러그인은 Chart를 포함하는 페이지에 대한 이후의 방문에 대비하여 계속 보존된다.

사용자가 Chart FX 넷스케이프 플러그인을 다운로드 할 수 있도록 하기 위한 것으로 기본적인 HTML을 제시했다는 사실을 이해해야 한다. 이 페이지를 적절하게 사용 목적에 맞도록 변경해서 사용해야 할 것이다.

넷스케이프 네비게이터를 사용해서 Chart FX 확장 기능이나 유틸리티를 다운로드 하기. ActiveX 컨트롤이나 부가적인 COM 확장으로 제품에 제공되는 다른 Chart FX 확장 기능이나 유틸리티를 사용하게 될 수도 있다. 예를 들어 Annotation(주석) 객체 또는 파일 압축 프로그램 또는 Chart FX 재무 에디션 등을 사용하려면 이러한 것들이 모두 ActiveX 컨트롤로 제공된다. 따라서 최종 사용자들이 넷스케이프 네비게이터를 사용하고 있더라도 보안 인증 메시지가 나타나게 되고 이러한 파일들은 다운로드 되어서 Chart FX 플러그 인 컨트롤에 의해서 적절하게 설치될 것이다. 이렇게 된다는 것은 이것들이 자동 설치되기 때문에 DLL등을 복사하거나 설치할 필요가 없다는 것을 의미한다. 인증에 대한 보다 자세한 정보를 위해서는 인터넷 익스플로러 부분을 참조한다.

Page 118: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 110 -

이 외 다른 브라우저에 대한 ChartFX의 반응 이외의 다른 브라우저들이 윈도우 이외의 플래폼(예를 들어 MAC, UNIX 등)에서 작동하고 있을 때 Chart를 포함하고 있는 ASP 페이지에 요청을 보냈을 때는 동적으로 이미지(Png 또는 JPEG)가 생성되어서 이 Chart를 사용자가 볼 수 있도록 한다. 다른 그림들과 마찬가지로 Chart FX IE 서버 컴포넌트는 Chart의 이미지를 포함하고 있는 임시 파일과 함께 <IMG>태그를 리턴한다. 예를 들어:

<IMG SRC="/cfxtemp/CFT0314_1501103C0.gif">

이미지 프로퍼티 Chart FX IE 액티브 서버 컴포넌트는 생성되는 이미지 파일의 크기와 품질을 제어할 수 있는 몇 개의 프로퍼티를 제공한다. 이 프로퍼티들은 이 매뉴얼의 후반부에 문서화되어 있다.

인터넷 익스플로러나 넷스케이프가 그 페이지에 접근하는 경우에도 Chart FX 서버 컴포넌트가 이미지를 생성하도록 할 수도 있다. 덧붙여 Chart FX IE에서 생성된 이미지에 어느 정도의 상호 작용 기능을 부여하기 위해서 드릴다운(DrillDown) 기능을 사용할 수도 있다.

마지막으로 보안 문제가 염려된다면 Chart 파일이 실제적으로 서버에서 생성되는 것을 막기 위해서 Chart FX가 이미지를 비트 스트림으로 보내도록 설정할 수도 있다.

Page 119: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 111 -

Chart FX 프로그래머 가이드 Chart FX IE 특수 기능

이 절에서 다루는 내용

개요 이미지 생성

이미지 맵 생성 드릴다운 기능

비트 스트림 (파일 비생성) 개별화된 Chart

Annotation 객체 투명 기능

임시 파일 제거

Page 120: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 112 -

Page 121: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 113 -

Chart FX IE 특수 기능

다음은 자사의 다른 Chart 제작 기술에서 볼 수 없거나 이 제품으로 작업을 시작하기 전에 중요하다고 생각되는 Chart FX Internet Edition의 특징들이다.

• 이미지 생성 • 이미지 맵 생성 • 드릴다운 기능(링크) • 비트 스트림 • 개별화된 Chart • Annotation 객체 • 투명 기능 • 임시 파일 제거

Page 122: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 114 -

이미지 생성

Chart FX Internet Edition이 ActiveX 나 플러그인등을 표시하는 브라우저의 기능을 이용하도록 설계되었으나 많은 개발자들은 이러한 클라이언트 측 컴포넌트를 사용하기를 꺼리고 있고 브라우저나 OS의 종류에 관계 없이 이미지를 생성할 수 있기를 원하고 있다. Chart FX IE 은 더 나아가 최종사용자가 특정한 Chart의 요소에 클릭하면 이것에 대한 링크가 ASP에 정의되어 있어서 원하는 기능을 수행 할 수 있도록 하는 이미지 맵 기능을 구현하고 있다. 따라서 Chart의 이미지는 더 이상 정적인 이미지가 아니며 Chart FX IE 서버 컴포넌트에 의해 생성된 이미지에 기반을 둔 실질적이고 완전한 어플리케이션을 구현할 수 있다.

Chart FX IE 서버가 이미지를 생성하도록 하는 방법. Chart FX가 항상 이미지를 생성하도록 하기 위해서는 GetHtmlTag 메소드를 변경하고 자동 브라우저 식별 기능을 사용 불가능 상태로 만들어야 한다. 만일 GetHtmlTag 메소드의 세 번째 인자를 ‘Auto’에서 ‘Image’로 바꾸면 Chart FX 서버 컴포넌트는 항상 브라우저에 관계없이 이미지를 생성하게 된다. 이미지를 생성하기 위해서 GetHtmlTag 메소드는 다음처럼 입력된다:

<%=chart.GetHtmlTag(500,300,"Image")

Chart FX 가 생성할 수 있는 이미지 포맷 GetHtmlTag의 정의를 자세히 읽어 보면 (‘Image’) 대신에 ‘Png’와 ‘JPEG’이 사용 가능한 인자로 지원된다는 것을 알 수 있다. 이것은 Chart FX IE 이 JPEG과 Png 이미지를 생성할 수 있다는 것을 의미한다(아래 참조).

Png 이미지:Png 알고리즘은 이미지 품질 저하 현상과 컬러 디더링이 없는 벡터 이미지(Chart와 같은)를 그리는데 특히 효율적이다. 이 포맷은 Unisys가 GIF의 공개적인 배포 알고리즘을 방어하기 위해 제작한 것이다. 이 포맷은 품질과 압축 효율에 있어서 GIF보다 뛰어나고 투명 기능, 인터레이스드, 24 비트 팔레트 등 많은 장점을 제공한다. 이것이 Png를 Chart FX IE가 선호하는 이유이다. 그러나 단점은 많은 오래된 브라우저들이 이 포맷을 지원하지 못한다는 것이다(현재 4.X와 그 이상의 버전에서만 Png를 지원한다). 따라서 이러한 브라우저에 대해서는 JPEG 포맷이 지원된다.

JPEG 이미지: 이 포맷은 사진 품질의 이미지(Chart 등과 같은 벡터 이미지가 아님)를 압축하기 위해서 만든 것이다. 따라서 품질 저하와 컬러 디더링이 일어나기 때문에 이 알고리즘을 이용해서 Chart를 나타내는 것은 별로 좋지 못하다.

GetHtmlTag 메소드의 세 번째 인자를 ‘Image’로 설정하면 기본적으로 Chart FX에게 적절한 이미지 포맷을 생성하기 위해서 SfxCgi.ini 파일에 있는 정보를 사용하도록 알리는 것이다. 이것은 대부분의 브라우저들에서 최고의 결과를 얻을 수 있을 때 마다 Png 이미지가 생성될 것이기 때문에 특별히 중요하다. Png 이미지가 생성되지 못할 때 마다 Chart FX는 JPEG 이미지를 생성한다.

그러나 /CfxTemp 디렉토리에는 GIF 파일이 있는데… 넷스케이프 네비게이터는 Png 확장자를 가진 파일을 로딩하는데 문제가 있기 때문에 Png 이미지를 .gif 확장자로 표시해서 브라우저를 속이는 방법을 택했다. 따라서 /CfxTemp 디렉토리에 있는 gif파일은 사실은 Png 이미지이다. 그러나 사용하고 있는 브라우저가 Png를 지원하지 않는다면 이 이미지는 표시되지 않을 것이다.

Page 123: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 115 -

이미지 생성에 대한 문제 해결 이미지 생성에 대한 문제가 발생하면 이 도움말 파일에 있는 이미지 생성 문제 해결 부분을 참조한다.

Page 124: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 116 -

GIF 파일에 대한 중요한 라이센싱 정보 1987년과 1994년 사이 GIF(Graphics Interchange Format)는 순조롭게 컴퓨터 이미지를 압축하고 교환하는데 있어서 가장 대중적인 포맷으로 인정받게 되었다. 1994년 11월 말, CompuServe사와 Unisys 사는 GIF 포맷을 지원하는 특정 유형의 소프트웨어에 대해서는 Unisys가 특허를 보유하고 있는 이 기술을 계속 사용하기 위해서는 개발자가 라이센스 비용을 지불해야 할 것이라고 공표했다. 첫번째 이 발표가 있은 후에 즉각적인 반응과 혼란이 초래되었다.

GIF 파일을 생성하기 위해 LZW 알고리즘을 적용한 소프트웨어만이 ‘문제의 대상’이다. 위에서도 볼 수 있듯이 Chart FX IE는 GIF파일을 생성할 필요가 있고 따라서 LZW 압축 알고리즘을 필요로 한다.

1995년 1월 27일에 Unisys는 ‘웰치 특허(The Welch Patent)’와 관련된 새로운 라이센싱 정책을 발표했다. 이것은 GIF/LZW 제품의 총 판매량의 .45%의 로열티(한 제품 단위 당 최소 $0.10, 최대 $10.00)를 포함하고 GIF/TIFF/LZW제품에 대해서는 .65%의 로열티(최소 $0.20, 최대 $25.00)를 포함하는 것이다. 더 자세한 정보와 서면 동의서를 얻기 위해서는 전화(+1 215 986-4411) 또는 이메일( [email protected].)로 Unisys에 연락할 수 있다.

소프트웨어 FX는 GIF 알고리즘에 대해서 비용이나 미래의 호환성을 보장할 수 없기 때문에 개발 소프트웨어에서 Png를 사용하기를 적극 권장한다.

Page 125: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 117 -

이미지 맵 생성

Chart FX가 이미지(PNG 또는 JPEG)로 Chart를 생성했을 때도 Chart를 드릴다운(DrillDown; 주 : 보다 세부적인 요소에 접근하기) 하는 것이 가능하다. 이러한 방법을 통해서 Chart FX 서버 측에서 액티브 클라이언트 사이드 컴포넌트를 제공할 수 없을 때나 Chart FX가 항상 이미지를 생성하도록 설정했을 때도 개발자 사이트의 원래 기능들이 손실되지 않고 그대로 수행 될 수 있다.

이 내용을 읽기 전에 Chart에 드릴다운 기능을 어떻게 설정하는지를 확실히 이해해야 한다. 더 자세한 정보는 이 chapter의 ‘드릴다운’ 부분을 참조한다.

Chart FX 서버 컴포넌트가 이미지를 생성하고 있고 드릴다운 기능이 ASP 코드에서 사용 가능한 상태로 지정되었다면 Chart FX는 결과 이미지에서 각각의 데이터 표시 요소에 대해서 이미지 맵(Map)을 생성한다.

이러한 맵들은 Chart에 있는 점과 시리즈의 개수에 따라서 아주 커질 수도 있다. 따라서 이미지 맵을 생성한다는 것은 바로 서버에 큰 부하가 걸린다는 것을 의미한다는 것을 알아야 한다. 이미지 맵의 선의 수는 Chart 내의 데이터 표시 요소의 개수에 달려 있다. 즉, 두개의 시리즈와 10개의 점을 가진 3차원 막대 Chart는 2*10*3개의 객체를 가진 이미지 맵을 생성할 것이다.(3차원 막대 Chart를 그리기 위해서 3개의 폴리곤이 필요하다.)

이렇게 나타나는 이미지 맵은 다음의 특성을 가진다:

• 결과로 나타나는 이미지는 페이지 내에 임베디드(embedded)된 형태로 나타난다. 외부 이미지 맵(External Image Map)은 지원되지 않는다.

• 이것은 클라이언트 측의 이미지 맵이다. 즉, 브라우저가 마우스 위치를 처리하는 임무를 담당한다.

• AREA 택에서 ImgMap 프로퍼티로 Title 속성을 어떻게 생성할 것인지를 제어할 수 있다.

중요한 정보: 이미지 맵은 곡선 Chart(Curve chart)를 사용할 때나 Chart FX 서버 컴포넌트의 비트 스트림 Chart 생성 기능을 사용할 때는 지원되지 않는다.

Page 126: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 118 -

이미지 맵에서 실제 링크에 변수 부여하는 방법 이렇게 하기 위해서는 드릴다운 부분에서 그 해결책을 찾아 볼 수 있다. 기본적으로 이미지 맵에 의해 지정된 AREA를 클릭함으로써 호출되는 페이지에 변수를 부여하기 위해서 사용되는 특정한 마스크(mask)는 URLParamMask가 지정하게 된다. 예를 들어 다음과 같은 코드를 작성했다면:

chart.URL(0) = "DrillParam.asp" chart.URLOptions = CHART_URL_JUMP Or CHART_URL_GLOBAL Or CHART _URL_PARAM chart.URLParamMask = "Series=%s&Value=%v

그러면 이미지 맵이 다음과 같은 링크와 함께 생성된다:

DrillParam.asp?Series=1&Value=30.6

중요한 정보: Chart FX는 자신의 문자열(스페이스 대신 + 사용)에서 이스케이프(escape)를 처리한다. 따라서 URLParamMask를 인코딩하는 것에 대해 신경 쓸 필요가 없다. 다른 말로 표현하면 공백을 포함하고 있는 매개변수와 함께 페이지를 호출하려면 이 공백들을 ‘+’ 문자로 대체해야 한다. 이것은 URLEncode라고 하는 IIS 함수를 사용해서 처리할 수 있다. 그러나 Chart FX는 공백을 포함하고 있는 문자열을 전달할 때 이것을 자동적으로 처리하게 된다.

Chart에 나타나는 도구 정보(tooltip) 제어하기 물론 이런 일이 가능하다. TipMask 프로퍼티는 사용자가 마우스를 Chart 내의 특정한 요소에 위치시켰을 때 나타나는 텍스트를 설정할 수 있도록 해 준다. 그러나 브라우저 마다 이 정보를 다른 형식으로 지원하기 때문에 Chart FX는 이 도구 정보를 나타내는 방법을 설정할 수 있도록 하는 ImgMap 프로퍼티를 제공한다. 이 프로퍼티는 다음 중 하나를 선택하게 된다:

CHART_TITLETIP (1) 인터넷 익스플로러 3.0에서 Chart를 보일 때 위처럼 나타내면 도구 정보를 TITLE 속성의 내용과 함께 나타내게 된다. 따라서 ImgMap 프로퍼티를 이 설정으로 해놓으면 도구 정보를 인터넷 익스플로러에서 볼 수 있다. 이 기능은 넷스케이프에서는 지원되지 않고 인터넷 익스플로러에서만 지원된다. CHART_MOUSETIP (2) 브라우저와 관계없이 일정하게 도구 정보를 나타낼 수 있도록 하려면 ImgMap 프로퍼티를 이 설정으로 지정해서 브라우저에서 자바 스크립트를 호출해서 도구 정보를 나타내도록 한다. 아래의 예제를 참조한다. a java script to show the Tooltip on any browser. See sample below. CHART_INFOTIP (4) Chart가 다른 페이지로 넘어가지 않거나 URL 정보를 가지고 있지 않을 때 ImgMap 프로퍼티를 이렇게 설정하면 도구 정보를 나타낼 수 있다.

Page 127: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 119 -

예를 들어, 모든 브라우저에서 도구 정보를 나타내려면 다음과 같이 ASP 코드를 설정한다. 소스에서 강조된 부분에 주목한다:

<!-- #include virtual="/Include/CfxIE.inc" --> <!—이 div는 팝업 윈도우를 구현하기 위해 필요함 --> <div id="popup" style="position:absolute; z-index:1; visibility: hidden"></div> <!— head 부분에 있는 자바 스크립트 코드에 주목 --> <% Set chart = Server.CreateObject("ChartFX.WebServer") chart.SerLeg(0) = "Sales" chart.SerLeg(1) = "Projected" ' AREA 택에 Title 속성을 생성함 chart.ImgMap = CHART_MAP_MOUSETIP ' 도구 정보에 나타나는 문자열을 새로 정의하기 위해서는 TipMask 프로퍼티를 사용 chart.TipMask = "Your Value %v" ' 어디에서 클릭하는가에 따라서 변수를 넘겨 주면서 동일한 URL으로 점프함 chart.URL(0) = "DrillParam.asp" chart.URLOptions = CHART_URL_JUMP Or CHART_URL_GLOBAL Or CHART_URL_PARAM ' URLParamMask 컨트롤은 도구 정보가 아니라 변수들을 제어함 chart.URLParamMask = "Series=%s&Value=%v" ' 이 속성들을 Chart FX가 생성한 IMG 택에 추가함 chart.ImgTags = "BORDER=0" %> <%= chart.GetHtmlTag(500,350,"Image") %>

중요한 정보: URL 프로퍼티와 함께 주석(Annotation) 도구도 대응되는 이미지 맵을 가지게 된다. 이렇게 함으로써 Chart에 있는 Chart 요소 뿐만 아니라 주석 객체들도 링크 시킬 수 있게 된다.

Page 128: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 120 -

드릴다운 기능

대부분의 경우에 사용자가 특정한 Chart 요소에 클릭했을 때 이 클릭한 요소에 대한 보다 자세한 정보를 제공하기 위해서 다른 페이지를 요청하게 할 필요가 있다. 이것은 Chart FX 서버가 ActiveX, 플러그인 또는 이미지들을 생성할 수 있다는 것을 고려해 보면 주요한 특징이라고 할 수 있다. Chart FX는 이러한 ‘드릴다운’ 기능을 제공할 뿐만 아니라 다음과 같은 일들을 가능하게 한다:

• Png나 JPEG 이미지들이 생성될 때 이미지 맵을 생성한다. 이렇게 함으로써 이미지가 서버 컴포넌트에 의해서 생성되었을 때 사용자들이 Chart를 드릴 다운 할 수 있도록 한다.

• 참조하는 URL으로부터 변수들을 넘겨 받을 수 있다. 예를 들어 사용자가 특정한 시리즈를 클릭하면 변수들을 값으로 넘겨 줄 것인지, 시리즈로 넘겨 줄 것인지, 아니면 다른 관계된 Chart 정보로 넘겨 줄 것인지를 결정할 수 있다. 이렇게 하기 위해서는 단지 프로퍼티 설정만으로 가능하며 Chart로부터 오는 정보를 직접 사용해서 결과적으로 나타나는 ASP를 사용자 정의할 수 있게 된다.

• 드릴다운 기능을 사용자 정의할 수 있다. 사용자가 점, 시리즈 또는 전체 Chart를 클릭했을 때 요청을 다른 쪽으로 변경시키려면 이 설정사항을 손쉽게 변경할 수 있다.

• 전체 페이지를 다시 로드하지 않고 Chart만 다시 로드할 수 있다. Chart가 동일한 사각형 경계에서 호출될 때 페이지가 다시 로드되지 않게 함으로써 부드럽게 어떤 ‘이야기’를 이어나갈 수 있게 된다.

Page 129: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 121 -

DrillDown API Chart FX 서버 측 컴포넌트는 드릴다운 기능을 수행할 수 있도록 하는 다섯 개의 중요한 프로퍼티들을 제공한다. 이 프로퍼티들은:

URL 사용자가 값이나 시리즈, 데이터 표시 요소를 클릭할 때 호출되는 URL 문자열을 포함하는 배열 프로퍼티이다.

URLTarget 다른 페이지로 넘어갈 때 사용되어야 하는 타겟 프레임이나 HTML 프레임을 포함한다.

URLOptions 중요한 설정 사항을 설정할 수 있도록 한다. 지정되는 값은 다음 플래그 중 하나를 포함해야 한다:

CHART_URL_JUMP Chart FX에게 해당 아이템이 더블 클릭되면 다른 페이지로 넘어갈 것을 지시한다.

CHART _URL_RELOAD Chart FX에게 해당 아이템이 더블 클릭되면 다른 Chart(Chart만 변경)를 다시 로드 할 것을 지시한다

또한 다음 플래그 중 하나를 포함할 수도 있다:

CHART _URL_GLOBAL 모든 데이터 표시 요소들이 URL(0) 값을 사용한다. 사용자가 어디를 클릭했는지에 따라 변수를 넘겨줄 때 유용하다.

CHART _URL_BYSERIES Chart FX는 사용자가 클릭한 시리즈에 따라 URL을 사용할 것이다.

CHART _URL_BYVALUE Chart FX는 사용자가 클릭한 값에 따라서 URL을 사용한다.

CHART _URL_BYMARKER Chart FX는 사용자가 클릭한 값과 시리즈에 따라서 URL을 사용한다.

그리고 다음 플래그의 조합을 사용할 수 있다:

CHART _URL_PARAM 변수를 URL에 넘겨 준다. 디폴트 변수는 CIE_Series 와 CIE_Point이지만 URLParamMask 프로퍼티를 사용해서 변경할 수 있다.

예를 들어 URLOptions 프로퍼티는 다음과 같이 설정할 수 있다:

chart.URLOptions = CHART_URL_JUMP Or CHART_URL_GLOBAL Or CHART_URLPARAM

URLParamMask URL에 전달된 변수를 설정할 수 있도록 하는 문자열 프로퍼티이다(URLOptions

Page 130: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 122 -

프로퍼티에서 CHART_URL_PARAM이 필요). 동일한 문자열을 TipMask 프로퍼티로 사용할 수도 있다.

DblClk 메소드 Chart FX에게 클릭으로 다른 페이지 이동이나 다시 로드가 이루어 질 것이라는 것을 지시하기 위해서 항상 CHART_URLCLK으로 설정되어야 한다.

예제 #1: 다른 페이지로 넘어 가는 Chart에서 드릴다운 설정하기 사용자가 두개의 시리즈로 구성된 Chart에서 어떤 한 시리즈를 클릭했을 때 ASP 페이지를 호출하려 하고 그 ASP에게 클릭된 지점을 알려주기 위해서 다음과 같이 코드를 작성한다:

<!-- #include virtual="/Include/CfxIE.inc" --> <% Set chart = Server.CreateObject("ChartFX.WebServer") ' 이 Chart는 더블클릭한 시리즈에 따라서 다른 URL로 점프한다. 따라서 ' 호출하려는 asp나 html의 이름으로 URL 프로퍼티를 설정한다. chart.URL(0) = "DrillSeries1.asp" chart.URL(1) = "DrillSeries2.asp"

' 그리고 나서 URLOptions 프로퍼티는 JUMP로 설정되어야 하고 시리즈를 URL 프로퍼티로 보내고 있다는 것을 알린다. chart.URLOptions = CHART_URL_JUMP Or CHART_URL_BYSERIES

'이제 변수를 사용자 정의하고 Chart에서 클릭된 시리즈의 실제 인덱스와 함께 호출된 변수를 받으려 한다. chart.URLParamMask = "Series=%s"

' 마지막으로 DblClk 메소드를 설정해서 클라이언트 측 컴포넌트가 DblClk을 어떻게 처리할 것인지 알도록 한다. chart.DblClk CHART_URLCLK,0 %> <%= chart.GetHtmlTag("500","350") %>

Page 131: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 123 -

예제 #2: 페이지를 다시 로드하지 않고 새로운 Chart를 로드하는 드릴 다운 Chart 설정하기 예를 들어 어떤 회사에 대한 지역별 판매를 나타내는 막대 Chart가 있다고 가정해 보자. 이때 그 지역의 각 세일즈맨에 대한 판매 수치를 표시하는 파이 Chart를 나타낼 필요가 있다고 생각해 보자. 페이지를 다시 로드 하지 않고도 이러한 일이 쉽게 이루어 질 수 있다. 단지 Chart FX에게 새로운 Chart로 이 Chart를 대신할 것이라는 것만 알려 주면 된다. 다음과 같이 코드를 작성한다:

<!-- #include virtual="/Include/CfxIE.inc" --> <% Set chart = Server.CreateObject("ChartFX.WebServer") ' 이 Chart는 Chart에 넘겨 주기 위한 변수들을 처리하는 ASP 파일을 호출한다. chart.URL(0) = "Region.asp"

' 그리고 URLOptions프로퍼티는 Reload로 설정되어야 하고 URL 프로퍼티를 통해 URL을 by value로 전송할 것임을 지시한다. chart.URLOptions = CHART_URL_RELOAD Or CHART_URL_GLOBAL

'이제 변수를 사용자 정의하려고 하고 지역의 이름과 함께 legend라는 변수를 받기를 원한다는 것을 알린다. ' 이 변수는 region.asp에서 SQL문을 지정하는데 유용하게 사용될 것이다. chart.URLParamMask = "Region=%l"

' 마지막으로 DblClk 메소드를 설정해서 클라이언트 측 컴포넌트가 DblClk을 어떻게 처리해야 하는 지를 알도록 한다. chart.DblClk CHART_URLCLK,0 %> <%= chart.GetHtmlTag("500","350") %>

Page 132: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 124 -

이제 region.asp는 Chart를 생성하고 전체 페이지를 다시 로드 하지 않고도 사각형 내에 새로운 Chart를 로드하는 비트 스트림을 리턴하기 위해 GetHtmlData 메소드를 사용한다:

<!-- #include virtual="/Include/CfxIE.inc" --><% ' 클라이언트에 보내기 위해 newline이나 다른 캐릭터를 제거하기 위해서 이 ASP가 코드된 방법에 주목한다(이 코드는 서버 측 코드이다). Set chart = Server.CreateObject("ChartFX.WebServer") chart.chart3D = False chart.Title(CHART_TOPTIT) = Request("Region") chart.Gallery = PIE

' 참조자로부터 온 Region 변수를 처리함으로써 데이터베이스에 연결하는 코드를 이 부분에 삽입한다. ' GetHtmlTag 대신에 GetHtmlData를 사용했음에 주의 chart.GetHtmlData 500,350 %>

중요한 정보: Chart FX는 이 방법을 사용해서 호출된 Chart들을 기록해 놓지 않는다. 따라서 참조자에 의해서 호출되는 ASP 페이지 내에서 적절한 URL을 생성하는 것은 개발자의 책임이다.

Page 133: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 125 -

비트 스트림 Chart 생성

Chart FX Internet Edition을 발매한 이후로 많은 대형 기업들이 자신들의 인터넷, 인트라넷, 익스트라넷 사이트에서 핵심적인 리포팅 툴로 사용해 왔다. 이러한 회사들의 상당수가 방화벽이나 프록시 서버등을 통해서 자신의 사용자들에 대해 엄격한 보안성을 유지해 왔다; 심지어 몇몇 회사는 브라우저 사항까지 확인해서 자신들의 네트워크에 해를 끼칠 수도 있는 어떤 것도 용납하지 않았다. 말할 것도 없이 이러한 회사들은 소프트웨어 FX와 같은 신용할 수 있는 서드 파티에서 제작된 ActiveX 컨트롤이나 플러그인 조차도 사용자가 브라우저에서 다운로드 받고 사용할 수 있도록 허가하지 않을 것이다.

Chart FX Internet Edition이 항상 이미지를 생성할 수 있도록 쉽게 설정될 수 있음에도 불구하고 많은 회사들에게는 이러한 이미지들이 생성되어서 특정 디렉토리(/CfxTemp)에 저장이 된다는 사실이 보안에 치명적인 것으로 간주되고 있다. 예를 들어, 해커가 쉽게 Chart의 이름을 변경하고 SfxRemove 어플리케이션에 의해 실제로 지워지기 전에 페이지를 생성해서 자신의 머신에서 Chart를 로드할 수도 있다. 많은 사이트에서 이러한 위험이 허용되지 않는 민감한 데이터들을 제공하고 있다.

이러한 보안 요구를 염두에 두고 Chart FX IE 은 웹 개발자들이 Chart 파일을 생성시키거나 이전에 CfxTemp 디렉토리에서 생성된 파일들을 브라우저가 다운로드 하도록 하는 대신에 Chart를 비트 스트림 형태로 넘겨 주도록 ASP 파일을 쉽게 설정할 수 있도록 하고 있다.

GetHtmlData는 Chart FX 서버 컴포넌트에서 제공되는 메소드로서 웹서버의 /CfxTemp 디렉토리에 Chart 파일을 생성하는 대신에 브라우저가 비트 스트림을 받을 수 있도록 한다. GetHtmlData 메소드는 결과물이 브라우저로 직접 향하는 데이터라는 점을 빼고는 GetHtmlTag와 동일한 인자를 받는다. 이 메소드(GetHtmlData)를 사용하면 파일을 다운로드 하기 위한 참조가 생성되지 않는다.

실제적으로는 사용자가 ASP로 제공되는 화면의 소스를 보려고 할 때 Chart 파일에 대한 어떠한 정보도 표시되지 않는다. 이것은 모든 필요한 정보들이 브라우저가 Chart 파일이나 이미지를 다운로드하는 대신에 비트 스트림을 통해서 보내지기 때문에 그러한 것이다. GetHtmlData 메소드를 사용하는 두 가지 방법이 존재한다:

방법 #1: 파일을 다운로드하지 않고 Chart 이미지를 생성 이 방법은 Chart 이미지(png 또는 JPEG)가 서버 측 컴포넌트에 의해 생성될 때 사용된다. Chart가 표시되기를 원할 때마다, 그리고 GetHtmlData 메소드를 호출함으로써 비트 스트림을 생성시키는 ASP를 SRC가 가리키도록 할 때 마다 <IMG>택을 포함시키는 것이다. IMG 택은 다음과 같이 작성된다: <IMG SRC="chart.ASP">

Page 134: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 126 -

이 chart.ASP 파일은 요청되는 파일을 생성시키고 페이지의 결과로써 GetHtmlData 를 호출하는데 필요한 ASP 코드를 가지고 있다. 이 ASP를 생성하는데 매우 중요한 문제는 Chart가 제대로 리턴되지 못하고 브라우저에 올바로 표현되지 못할 수도 있기 때문에 다른 HTML 택이나 라인 피드가 없어야 한다는 것이다. 다른 말로 표현한다면 chart.ASP 파일이 부수적인 문자없이 GetHtmlData 메소드의 결과만 리턴하도록 해야 한다는 것이다. 예를 들어 올바른 chart.ASP 파일은 다음처럼 작성되어야 한다:

<!-- #include virtual="/Include/CfxIE4B.inc" --><% ' 클라이언트에 보내기 위해 newline이나 다른 캐릭터를 제거하기 위해서 이 ASP가 코드된 방법에 주목한다(이 코드는 서버 측 코드이다). Set chart = Server.CreateObject("ChartFX.WebServer") ' GetHtmlTag 대신에 GetHtmlData를 사용했음에 주의 chart.GetHtmlData 500,350,"Image" %>

<include>와 ASP 코드의 시작부분(<%)에 어떠한 공백이나 CR 문자도 포함되어 있지 않았다는 점에 유의한다. 만일 엔터키를 눌 다면 ASP의 결과로 CR(Carriage Return)이 발생하게 되어 IMG 소스가 Chart FX 서버 컴포넌트에서 생성된 이미지를 읽지 못하게 될 것이다. 따라서 이러한 파일을 작성할 때에는 불필요한 택을 붙일 염려가 있는 비주얼 인터데브나 프론트 페이지 또는 다른 웹 에디터 대신에 NOTEPAD와 같은 일상적인 텍스트 에디터를 사용해야 한다.

방법 #2: 이미지를 표시하거나 클라이언트 측 컴포넌트를 사용하는데 있어서 브라우저 독립성을 유지 사용되고 있는 브라우저를 Chart FX가 인식하기를 바라고 그 결과로 적절하게 <OBJECT>, <EMBED> , <IMG>택을 사용하기 바라지만 이 요청의 결과로 어떠한 피일도 형성되지 않도록 하기 바라면 페이지에 GetHtmlTag을 포함시키고 Chart를 생성하는 ASP를 호출하고 GetHtmlData 메소드를 사용해서 비트 스트림을 리턴한다. 예를 들어 임시 파일을 만들지는 않지만 요청을 제출한 브라우저의 종류를 살피고 클라이언트 컴포넌트나 이미지를 돌려주는 ASP 페이지에 Chart를 포함시키려 하면:

<%= chart.GetHtmlTag(550,250,"#chart.asp?Param=1") %>

GetHtmlTag의 세 번째 인자에 주의한다. 이것은 다음과 같은 특징이 있다:

• # 기호로 시작 • 이 # 기호 다음에는 비트 스트림을 생성하기 위해 GetHtmlData 메소드를 사용해서 호출되어야 하는 ASP 파일이 온다.

• 필요하다면 이 ASP는 위의 GethtlTag 메소드에서 보인 변수(Param1등과 같은 것)와 함께 호출된다.

Page 135: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 127 -

이제 chart.asp 는 다음과 같이 된다:

<!-- #include virtual="/Include/CfxIE4B.inc" --><% ‘ 클라이언트에 보내기 위해 newline이나 다른 캐릭터를 제거하기 위해서 이 ASP가 코드된 방법에 주목한다(이 코드는 서버 측 코드이다). Set chart = Server.CreateObject("ChartFX.WebServer4B") chart.Gallery = AREA

' GetHtmlTag 대신에 GetHtmlData를 사용했음에 주의 ' 그리고 같은 타입의 데이터가 리턴되기 때문에 세 번째 인자는 ActiveX 나 플러그인 둘 다 가능하다. chart.GetHtmlData 500,350,"Auto"%>

<include>와 ASP 코드의 시작부분(<%)에 어떠한 공백이나 CR 문자도 포함되어 있지 않았다는 점에 유의한다. 만일 엔터키를 눌 다면 ASP의 결과로 CR(Carriage Return)이 발생하게 되어 IMG 소스가 Chart FX 서버 컴포넌트에서 생성된 이미지를 읽지 못하게 될 것이다. 따라서 이러한 파일을 작성할 때에는 불필요한 택을 붙일 염려가 있는 비주얼 인터데브나 프론트 페이지 또는 다른 웹 에디터 대신에 NOTEPAD와 같은 일상적인 텍스트 에디터를 사용해야 한다.

중요한 정보: Chart에서 이미지 맵을 사용할 경우 이 기능이 비트 스트림 생성을 이용할 경우에는 지원되지 않는다.

Page 136: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 128 -

개별화된 Chart 상업적인 웹사이트 또는 기업의 인터넷이 점차 복잡해 짐에 따라 사용자들은 보다 개인화된 입장에서 정보를 요구하고 있다. 이것이 사용자들에게 개인적인 관심사와 다른 개인 정보로 페이지들을 꾸 수 있도록 해 주는 이유이다. Chart FX에서는 사용자가 Chart를 마음대로 정의할 수 있는 많은 방법을 제공한다. 특정 방문객이 사이트에 있는 Chart FX IE의 그래픽 기능을 좋아한다고 가정해 보자; 그러나 Chart에 대해서 선택한 색상안이 이 방문객을 귀찮게 할 수 있다. 또 디폴트 막대 Chart를 직선 Chart로 바꾸는 방법 같은 것을 질문하는 사용자들도 있을 것이다. 이러한 방문객들이 사이트에 접속할 때 마다 Chart의 시각적 속성을 변경하기 위해서는 Chart FX 클라이언트 컴포넌트 UI를 사용하라고 알려줘야 할 것이다.

그러나 만일, 사이트가 방문객들을 위해서 그들이 좋아할 만한 시각적 속성을 갖추고 새 데이터로 Chart를 제공하면 멋지지 않은가? Chart FX IE 는 사용자들에 대해 개별화된 Chart를 제공할 수 있다. 사이트와 기업에 대한 정보 등의 부가적인 변수를 GetHtmlTag 메소드에 추가함으로써 간단히 Chart FX IE 클라이언트 컴포넌트가 사용자의 컴퓨터에 저장된 템플릿을 인식할 수 있게 된다. 개별화된 Chart를 생성하기 위해 GetHtmlTag 메소드 완성하기. GetHtmltag 메소드의 마지막 변수는 자신의 회사와 사이트에 대한 특별한 정보로 설정될 수 있다. 이렇게 해서 사용자가 Chart에 대해서 시각적 속성을 변경하면 Chart FX 클라이언트 컴포넌트는 이후의 방문을 대비해서 저장할 것인지를 물어 보게 될 것이다.

Chart FX 클라이언트 컴포넌트는 방문객들의 논리 드라이브에 템플릿을 저장해서 다시 이 사이트를 방문할 때 방문자가 이전에 지정한 선호하는 색, Chart 타입, 3차원 효과, 그리고 다른 속성들로 새 데이터를 표현하게 된다. 이 정보는 매우 작은 파일(약 300바이트)로 자신들의 논리 드라이브에 저장된다. 개별화된 Chart를 생성하기 위해서 GetHtmlTag 메소드는 다음처럼 되어야 한다:

<%= Chart.GetHtmlTag(200,200,"Auto","Chart1","Company|Web|Chart|Version") %>

예를 들어 :

<%= chart.GetHtmlTag(200,200,"Auto"," Chart1","SoftwareFX|CfxIE|Sales|1") %>

Page 137: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 129 -

다음의 변수들은 개별화된 문자열을 나타낸다:

Company: 일반적으로 사이트를 소유하는 회사의 이름을 나타낸다. 이 문자열은 사용자의 컴퓨터에 서브 디렉토리를 생성하는 목적으로 사용되는데 여기에서 Chart의 템플릿이 저장되고 프롬프트 대화 상자에서 중요한 정보를 완성하게 된다.

Web: 회사의 웹사이트 이름을 구분하기 위한 목적으로 사용된다. 이것은 한 회사에서 다양한 사이트를 가지고 있을 때 사용된다.

Chart: Chart가 위치한 페이지를 정의하는 목적으로 사용된다. 이 문자열은 파일 이름을 생성하는 목적으로 사용된다.

Version: 저장된 템플릿의 버전을 제어하기 위한 목적으로 사용된다. 만일 저장된 템플릿이 현재의 버전보다 값이 적다면 그 템플릿은 로드되지 않는다.

유저에게 질문하기 이 변수를 GetHtmlTag 메소드에 포함시키고 사용자가 Chart FX 사용자 인터페이스(UI)를 사용해서 변경 사항을 추가 했다면 Chart FX 클라이언트 컴포넌트(ActiveX 또는 플러그인)는 다음과 같이 옵션 목록이 있는 대화 상자를 보이게 된다:

Page 138: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 130 -

개별화된 Chart 저장하기 사용자가 변경한 모든 사항은 Location 문자열에 의해서 지정된 디렉토리에 저장된다. 따라서 만일 사용자가 Chart에 대해 행한 이전의 모든 변경 사항들을 제거하기 바란다면 location 문자열에 있는 적절한 디렉토리에서 적절한 파일들만 제거하면 된다. Chart FX IE의 개별화 Chart의 장점은 자신의 Chart 작성 엔진으로 Chart FX IE를 사용하고 있는 다른 웹사이트들에 의해 현재 사이트의 Chart들이 간섭을 받지 않는다는 점이다. 그리고 원래의 상태로 돌아가기 위해서는 location 디렉토리에서 몇 개의 파일을 간단히 제거하면 된다는 점이다.

사용자들이 이러한 설정 사항을 저장하고 다시 변경하려 할 때 물론 이렇게 하는 것이 가능하다. Chart 클라이언트 측 컴포넌트는 사용자가 개인에 따른 설정을 제어할 수 있도록 하는 프로퍼티 페이지를 제공한다. 이 페이지는 기본적으로 포함되지는 않는다. 그리고 최종 사용자가 이전에 저장된 개별화 설정을 제어할 수 있도록 하려면 ASP 코드에서 PropPageMask 프로퍼티를 다음처럼 설정해야 한다::

ChartFX1.PropPageMask = ChartFX1.PropPageMask OR PROPPAGE_PERSONALIZED

상수의 사용은 이전 페이지에서 설명된 것처럼 <include>을 사용해야 한다. 또는 PROPPAGE_PERSONALIZED 상수를 같은 값을 가지는 적절한 번호로 대치한다.

이 코드가 ASP에 있으면 사용자들은 다음과 같은 대화 상자에 접근할 수 있게 된다:

Page 139: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 131 -

ASP 코드에서 개별화된 Chart 제어하기 Chart FX 서버 컴포넌트는 개별화된 Chart들을 저장하는 것과 관련된 기능을 제어할 수 있도록 하는 PersonalizeMask 프로퍼티를 제공한다. 예를 들어 사이트가 개별화된 Chart들이 클라이언트 머신에 저장될 필요가 있고 따라서 사용자들에게 템플릿을 저장하라는 메시지를 보이지 않는다는 정책에 의한 것이라면 사용자에게 알리지 않고 클라이언트 컴포넌트에게 템플릿을 저장하도록 지시하기 위해서 이 프로퍼티를 설정할 수 있다. PersonalizeMask 프로퍼티는 다음과 같이 하나 이상의 설정 사항을 포함한다:

CHART_PERS_DONTPROMPTFOLDER (1) 이 설정은 위에서 보인 대화상자를 최종 사용자에게 표시하지 않도록 한다. 이것은 사용자가 이 페이지를 다시 방문할 때 마다 단순히 템플릿을 저장하고 로드한다.

CHART_PERS_DONTPROMPTCOMPANY (2) 이 설정은 최종 사용자가 Chart 템플릿을 저장할 위치를 지정하지 못하게 할 것이다. Chart FX 클라이언트 측 컴포넌트는 윈도우에 ‘친근한’ 위치에 Chart를 생성한다. 예를 들어 윈도우 NT를 사용하는 경우에 템플릿들은 Profiles/(사용자 이름) 디렉토리에 저장된다. 이렇게 함으로써 사용자들이 개별적인 템플릿을 어디에 저장시켜야 할 지 혼동을 느끼지 않도록 할 수 있다.

CHART_PERS_MANUALSAVE (4) 이 설정은 사용자가 Chart FX 도구 막대를 사용해서 템플릿들을 저장하는 경우 이외에는 템플릿을 저장하지 못하도록 한다. Chart 템플릿이나 Chart 파일을 저장/로드하기 위한 처음 두 개의 버튼을 변경하기 위해서 Chart FX 도구 막대를 적절히 변경해야만 한다. Chart FX 도구 막대를 사용자 정의하는 방법에 대해서는 Chart FX 98 프로그래머 가이드 (ChartFX_98_Guide.chm) 도움말 파일을 참조한다.

예를 들어 수동(manual) 저장으로 설정하고 폴더 설정에 대해 질문하지 않도록 하고 싶으면 ASP코드에서 다음과 같이 PersonalizeMask 프로퍼티를 설정한다:

<% chart1.PersonalizeMask = CHART_PERS_MANUALSAVE Or CHART_PERS_DONTPROMPTFOLDER %>

NOTE: Chart FX 상수를 사용하려면 <include>를 사용해야 한다.

Page 140: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 132 -

Annotation(주석) 객체

개발자와 사용자들을 위해서 Chart FX IE 은 중요한 Chart 요소들을 강조하는 목적으로 사용되는 플로팅(floating) 객체들을 제공하는 COM 확장 기능을 제공한다. 예를 들어, 개발자나 최종 사용자는 Chart의 위에 화살표, 원, 사각형, 이미지나 다른 플로팅 객체들을 추가할 수 있다. 사용자는 동적으로 이러한 것들을 움직이거나 그룹화 또는 크기 조정 등을 할 수 있다. 이 확장 기능은 브라우저에 표시되는 도구 막대를 제공해서 사용자들이 브라우저에서 직접 이러한 객체들을 생성할 수 있도록 한다.

최종 사용자 도구로서의 주석 확장 기능 최종 사용자가 Chart의 위에 주석을 붙일 수 있도록 하기 위해서 이 확장 기능을 선택할 수도 있다. 최종 사용자에 의해 만들어진 Chart나 주석 객체에 가한 변경은 사용자가 Chart FX 도구 막대에서 저장 버튼을 클릭하지 않으면 저장되지 않을 것이다. 따라서 사용자들에게 동적으로 생성된 주석 객체들은 다음 번 방문 시에 사라질 것임을 주지시켜야 한다.

중요한 정보: Chart FX IE 주석 확장 기능은 사용자가 Chart FX 클라이언트 측 컴포넌트(ActiveX 나 플러그인 모두)를 사용하고 있을 경우에는 클라이언트 측에서만 사용될 수 있다. Chart 이미지를 생성하기 위해서 Chart FX IE를 사용하고 있다면 서버에서 프로그램을 작성해서 중요한 Chart 요소를 강조하기 위한 주석 확장 기능을 사용할 수 있다. 이 경우에 사용자들은 이러한 객체들이 이미지로 전송되기 때문에 이것들과 상호 작용하는 것은 불가능하다.

최종 사용자들이 Chart FX IE 클라이언트 측 컴포넌트를 사용하고 있을 때 Chart 요소를 강조할 수 있도록 주석 확장 기능을 활성화 하기 위해서 ASP 페이지에는 다음처럼 코드가 작성되어야 한다:

<% Set ChartFX1 = Server.CreateObject("ChartFX.WebServer4B")

' Extensions Set E0 = Server.CreateObject("AnnotationX.AnnList") ChartFX1.AddExtension E0 %> <%= ChartFX1.GetHtmlTag(478,298,"Auto","ChartFX1")%>

Page 141: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 133 -

다음의 그림은 최종 사용자가 Chart 요소를 강조하기 위해 사용하는 주석 확장 기능 도구 막대가 표시된 Chart를 가진 브라우저를 보여 준다:

Chart FX 주석 확장 기능은 AddExtension 메소드를 통해서 Chart 객체에 할당된 스크립트 객체를 통해서 서버에서도 존재할 수 있다는 점에 주목한다. 이것은 중요한 Chart 요소를 강조하거나 특수효과를 나타내기 위해서 ASP 코드에서 이러한 객체들을 프로그램을 통해 생성할 수 있다는 것을 의미한다.

스크립트로 작성 가능한 객체로서의 주석 확장 기능 Chart FX 주석 확장 기능에 의해 지원되는 요소들(원, 화살표, 그림 등)은 이러한 것들을 생성, 이동, 소멸, 색 변경, 다른 페이지에 연결되는 특정 URL 지정 등이 가능하도록 해주는 API를 제공하는데 이 API는 ASP 코드 내에서 사용할 수 있다. 이 API는 Chart FX IE 과 함께 제공되는 Annotation.API.chm 도움말 파일에 완전하게 설명되어 있다.

중요한 정보: 주석 유틸리티에 의해 제공되는 API는 확장 기능이다. 따라서 ASP 코드에 주석 객체들을 사용하기 전에 Annotation.API.chm 도움말 파일을 주의 깊게 읽어 봐야 한다.

Page 142: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 134 -

예를 들어 Chart에 빨간색 사각형을 만들고 싶다면 다음과 같은 ASP 코드를 작성한다:

<% Set chart = Server.CreateObject("ChartFX.WebServer4B") ' 주석 목록 생성 Set AnnotX = Server.CreateObject("AnnotationX.AnnList") ' Chart FX에 주석 목록 첨부 chart.AddExtension AnnotX ' 사각형 생성 Set Obj = AnnotX.Add(1) ' 중심을 X=1,Y=50으로 설정 Obj.Attach 1,"1,50" Obj.Width = 20 Obj.Height = 20 Obj.BkColor = RGB(255,0,0) Obj.AllowMove = False %> <%= chart.GetHtmlTag("500","350") %>

예를 들어, Chart 내의 어떠한 조건에 따라 색을 변경하거나 시각적 속성을 변경할 수 있다. 이전의 빨간색 사각형에 대해서 첫번째 점이 100보다 작을 경우에는 파란색으로 변경하도록 하고 100보다 클 경우에는 빨간색으로 남아 있도록 해보자. 다음과 같이 코드를 작성한다:

<% If chart.ValueEx(0,0) < 100 Then Obj.BkColor = RGB(0,0,255) else Obj.BkColor = RGB(255,0,0) end if %>

주석 객체에 인터넷 기능 부여하기 각각의 주석 요소는 사용자들이 이 효소에 클릭했을 때 브라우저가 자동적으로 이 프로퍼티가 지정하는 URL로 이동할 수 있도록 하기 위해 사용되는 두 개의 프로퍼티를 제공하는데 각각 URL과 URLTarget이 할당된다. 이러한 방법을 사용하면 ASP 페이지로부터 직접 강력한 웹 기반 어플리케이션을 작성할 수 있게 된다. 예를 들어 이전의 빨간색 사각형이 ‘http://www.softwarefx.com’을 가리키도록 하려면 다음과 같이 한다:

<% Obj.URL="http://www.softwarefx.com" Obj.URLTarget = "_new" Obj.AllowModify = False Obj.AllowMove = False %>

프레임을 사용하고 있을 때 URL 프로퍼티가 지시하고 있는 URL을 브라우저에 보이기 원하는 프레임을 지정해야 할 때 URLTarget 프로퍼티를 사용한다.

중요한 정보: URL과 URLTarget 프로퍼티와 함께 주석 요소를 사용하면 이 요소들은 AllowMove와 AllowModify 프로퍼티를 False로 지정해야 한다. 이렇게 하면 사용자가 브라우저 내에서 이 객체를 변경하거나 움직이는 것이 불가능해진다. 사용자가 이러한 요소를 클릭하면 브라우저는 자동적으로 요청을 원하는 URL로 이동시킨다.

Page 143: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 135 -

URL 프로퍼티를 ‘*’ 문자로 시작하면 Chart가 페이지를 새로 고치지 않고 Chart가 다시 로드될 것임을 의미한다. 예를 들어 GetHtmlData 메소드를 사용해서 Chart를 리턴하는 ASP를 가정해 보자(이 방법은 "드릴다운" 부분에 설명되었다). 주석 요소의 URL 프로퍼티를 이 ASP로 지정하고 애스터리스크(*) 표시를 제일 앞에 붙였다고 생각한다. 이렇게 했을 때 사용자가 그 주석 객체를 클릭하면 Chart는 전체 페이지를 고치지 않고 Chart만 갱신된다. 코드는 다음과 같다:

<% Obj.URL="*Nextchart.asp" Obj.AllowModify = False Obj.AllowMove = False %>

Nextchart.asp 코드는 다음과 같이 GetHtmlData를 사용한다:

<!-- #include virtual="/Include/CfxIE4B.inc" --><% ‘ 클라이언트에 보내기 위해 newline이나 다른 캐릭터를 제거하기 위해서 이 ASP가 코드된 방법에 주목한다(이 코드는 서버 측 코드이다). Set chart = Server.CreateObject("ChartFX.WebServer4B") chart.Gallery = AREA ' GetHtmlTag 대신에 GetHtmlData를 사용했음에 주의 ' 그리고 같은 타입의 데이터가 리턴되기 때문에 세 번째 인자는 ActiveX 나 플러그인 둘 다 가능하다. chart.GetHtmlData 500,350,"ActiveX" %>

ASP 코드에서 객체를 생성할 때 특정 Chart 표시 요소를 지시하는 방법 ASP 페이지에서 Chart를 생성할 때 Chart는 GetHtmlTag 메소드를 호출하기 전에는 실제적으로 서버에서 생성되지 않는다. 따라서 Chart는 어떤 특정한 크기를 가지지 않을 것이고 Chart에 있는 특정한 표시 요소에 대해서 주석 요소를 가리키기 위해서 픽셀 정보를 사용하지도 않을 것이다. 그럼에도 불구하고 주석 객체는 ‘attach’라고 불리는 메소드를 제공하는데 이것은 Chart가 실제적으로 생성되기 전에 논리적으로 주석 객체를 Chart 내의 특정 데이터 표시 요소를 가리키도록 한다.

Chart가 브라우저에 도달하고 특정 주석 객체가 Chart내의 데이터 표시 요소에 ‘attach’되었을 때 Chart FX 클라언트 측 컴포넌트는 GetHtmlTag 에 의해서 생성된 Chart에 해당하는 이 객체를 그리게 된다.

Chart FX 주석 확장 기능 도움말 파일(Annotation_API.chm) 문서에서도 이벤트를 호출하는 다른 방법을 문서화 하고 있지만 이러한 이벤트들이 IIS에 의해서 dispatch되지 않기 때문에 ASP 페이지를 코딩할 때 이벤트들을 처리하면 곤란하다. 이것은 Chart FX IE 을 사용할 때 어떤 주석 객체가 Chart 내의 특정 데이터 표시 요소를 가리키고 있다는 것을 보장할 수 있는 유일한 방법이다.

Page 144: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 136 -

투명 기능

Chart FX Internet Edition 은 투명 객체와 이미지를 생성할 수 있다. 이 기능은 Chart를 페이지 디자인에 자연스럽게 통합되도록 만드는데 자주 사용된다. 예를 들어 다음 그림에서처럼 투명 Chart가 가능하다:

Chart FX IE에서 투명 기능을 얻는 방법은 Chart의 배경색을 CHART_TRANSPARENT로 설정하기만 하면된다. 다음 코드는 투명 Chart를 생성하는데 사용되는 주요한 세 개의 프로퍼티들을 제시하고 있다:

<!-- #include virtual="/Include/CfxIE.inc" --> <% Set chart = Server.CreateObject("ChartFX.WebServer") chart.RGBBk = CHART_TRANSPARENT Or RGB(192,192,192) chart.RGB2DBk = CHART_TRANSPARENT Or RGB(192,192,192) chart.RGB3DBk = CHART_TRANSPARENT Or RGB(192,192,192) %> <%= chart.GetHtmlTag(300,300) %>

Page 145: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 137 -

중요한 정보: 실제 RGB 색과 함께 CHART_TRANSPARENT 상수를 사용해서 코드가 어떻게 설정되었는지를 살펴 볼 필요가 있다. 이것은 투명 이미지나 객체가 생성될 수 없는 경우에 Chart FX가 배경색으로 원하지 않는 색을 할당하는 것을 방지한다. 이 방법은 Chart FX에게 투명 Chart를 요청하고 이를 수행할 수 없을 경우에 특정색을 대신 사용할 수 있도록 하는 것이다. ASP코드에서 Chart FX 상수를 사용하기 위해서 < include>를 사용했다는 점도 살펴봐야 할 것이다. CHART_TRANSPARENT 상수는 다음과 같이 정의되었다:

Const CHART_TRANSPARENT = &H80000000

이것은 ASP 페이지에 Chart FX inc 파일을 포함하는 대신에 이러한 상수를 사용하려는 경우에 해당된다. 모든 ASP 페이지에 <include>를 사용하는 것이 좋다. 이렇게 하면 ASP 코드를 디버그/유지 보수하기 편해진다.

이 투명 기능은 대중적인 브라우저의 새로운 버전에서만 지원되는 기능을 사용한다. 다음은 투명 Chart를 사용할 수 없는 경우를 나열한 것이다:

• 투명 기능과 넷스케이프: 넷스케이프가 Png 이미지를 지원하지만 이 문서가 제작될 때는 이 이미지 형식의 투명 기능을 지원하지 않았다. 따라서 넷스케이프에서 Png 이미지를 생성할 때는 투명 기능을 사용하지 못한다. 넷스케이프 플러그인은 이 브라우저에서 투명 객체를 생성하는 데는 아무런 문제가 없다.

• 클라이언트 측 컴포넌트에서의 투명 기능 : 클라이언트 측 컴포넌트(ActiveX 나 플러그인)를 사용할 때 투명 Chart를 구현하는 것은 대중적인 브라우저의 새로운 버전(4.0과 그 이상)에서는 아무런 문제를 발생시키지 않는다. 사이트에 구형 브라우저가 접근할 가능성이 있으면 투명 기능 사용을 하지 않는 것이 좋다. 또한 투명 컨텐츠를 사용할 때 클라이언트가 동일한 브라우저의 윈도우의 색에 대해 제어권을 가진다는 것을 알아야 한다. 즉, 컨트롤은 독립된 윈도우를 가지지 못한다. 이런 점 때문에 몇몇 UI 기능들이 사용 불가 상태로 될 수 있다(이 문서가 작성되었을 때는 도구 막대나 범례와 같은 도구 윈도우를 드래깅하는 것이 불가능했다).

• 24-Bit 컬러 Chart에서의 투명 기능 인터넷 익스플로러나 넷스케이프 모두 24 비트 컬러 팔레트로 생성된 Chart에 대해서는 투명 기능을 제공하지 못한다. CfxSrv.Ini 파일은 투명 기능이 사용되면 Chart FX 서버 컴포넌트를 8비트 팔레트로 변환시키는 DefBrowserFlags라는 프로퍼티를 제공한다. 이 프로퍼티에 대한 보다 자세한 정보는 "서버 튜닝” chapter를 참조한다.

중요한 정보: 위에서 설명된 제한 사항은 대중적인 브라우저의 미래 버전에서는 해결될 수도 있다. 따라서 이러한 버전의 브라우저를 지원하기 위해서 Chart FX IE 패치를 제공한다. 자세한 정보는 http://support.softwarefx.com의 지원 사이트에서 얻을 수 있다.

Page 146: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 138 -

임시 파일 제거

이미 알고 있을 수도 있지만, Chart FX IE는 사용자가 Chart를 포함하고 있는 페이지를 방문할 때 마다 임시 파일(chw file 또는 Chart 이미지)을 생성한다. 이러한 임시 파일들은 CfxSrv.Ini가 가리키고 있는 디렉토리(보통은 /CfxTemp)에 저장된다. 사실 Chart FX IE는 각 사용자에 대해서 그리고 각 방문에 대해서 임시 파일을 생성한다. 따라서 이 디렉토리를 주기적으로 정리할 수 있도록 하는 스케줄 메커니즘이 필요하다. 이 문제에 대한 해결책은 Chart FX IE가 제공하는 SfxRemove라는 유틸리티를 사용하는 것이다. SfxRemove는 모든 디렉토리에 대해 오래된 파일(Chart 파일과 이미지들)을 제거하는 목적으로 사용된다. 윈도우 NT의 AT 명령을 사용해서 매일 한번씩 이 유틸리티가 호출되도록 일정을 맞출 수 있다. 디렉토리 (보통 파일들이 생성되는 CfxTemp )를 지정할 수도 있고 시간 단위로 ‘시간’이나 ‘분’을 사용할 수 있다(예를 들어 24h로 설정하면 하루 이상 된 파일들이 제거된다).

SfxRemove C:\WWWRoot\CfxTemp 24h

SfxRemove C:\WWWRoot\CfxTemp 30m

오래된 Chart 파일과 JPEG 이미지를 제거하기 위해 SfxRemove 유틸리티를 사용하는 것이 좋다. 이렇게 하지 못하면 /CfxTemp 디렉토리 내에 엄청난 크기의 파일들이 축적될 것이다.

Page 147: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 139 -

Chart FX 프로그래머 가이드 템플릿 생성자

이 절에서 다루는 내용

소개 템플릿 사용 코드 생성

Chart 크기 조절

Page 148: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 140 -

Page 149: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 141 -

Chart FX IE 템플릿 & 코드 생성기.

Chart FX IE 이 제공하는 디자이너 컴포넌트의 일부로서 템플릿과 코드 생성기는 ASP에 대한 Chart, 콜드퓨전 또는 클라이언트 측 코드를 통해서 직접 HTML과 통합되면 개발자가 사용할 수 있는 SDI(Single Document Interface)를 제공함으로써 높은 유연성을 제공한다..

이런 도구가 제공하는 가장 큰 장점 중 하나는 다른 도구들(비주얼 인터데브 등)을 사용하지 않아도 된다는 점이다. 이것은 Chart(페이지에 있는 다른 객체들은 신경 쓰지 않고)에만 집중할 수 있도록 해준다. 그리고 기존의 페이지에 이러한 Chart를 통합하는 데 필요한 코드만 생성하게 된다. 이렇게 한다는 것은 친숙한 그래픽 환경에서 Chart를 빨리 설정하고(Chart 타입, 색, 다른 프로퍼티를 변경함으로써) 이 코드를 잘라내기/붙이기를 통해서 실제 페이지에 적용할 수 있다는 것을 의미한다.

이 도구는 Chart를 페이지에 통합하는데 두 가지 접근 방법을 제공한다. 따라서 이 부분의 제목도 “템플릿 & 코드 생성기”로 붙였다.

코드 사용 : ASP나 콜드퓨전으로 작업할 때 Chart가 나타나는 방법을 지정하기 위해서 보통 서버측 스크립트를 사용하게 된다. 페이지에 접근할 때 Chart의 속성을 변경하기 위해서는 Chart FX API를 사용한다. Chart FX IE 의 템플릿 & 코드 생성기는 어플리케이션에서 실제로 나타나는 대로 Chart를 생성하기 위해 필요한 서버 측의 스크립트를 생성한다. ‘Code’라고 이름 붙여진 탭(아래 참조)이 제공되어서 이것을 서버측 코드에서 실제 페이지로 복사해 올 수 있다. 서버 측의 코드는 사이트에서 보여지는 Chart에 더 많은 제어 기능과 유연성을 부여한다. 예를 들어 동적으로 Chart에 시각적 속성을 설정하기 위해서 변수(예를 들어 사용자 즐겨찾기)를 사용할 수 있다. 또는 색과 같은 간단하고 알려진 프로퍼티를 변경하려 할 때 다른 어플리케이션(템플릿 & 코드 생성기 또는 인터데브)으로 돌아가지 않고도 NotePad와 같은 텍스트 에디터를 사용해서 간단하게 색을 변경할 수 있다. 서버 측 코드를 사용하면 Chart FX API가 설계된 방법을 알 수 있을 것이다. 이것은 브라우저 기반의 어플리케이션을 디버그하고 유지하는데 매우 중요하다.

그러나 서버 측 스크립트를 사용하는 것이 좋지 않을 때도 있다. 예를 들어 모든 Chart에 일관된 모습을 부여하려 할 때 페이지가 접근될 때마다 이 코드를 매번 실행시키는 대신 템플릿을 생성하고 import하는 것이 더 낫다.

Page 150: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 142 -

템플릿 사용: Chart FX는 모든 시각적 속성들(수치 데이터 제외)이 저장되어서 다른 Chart에 이것을 적용(단, 다른 데이터값으로)시킬 수 있도록 하는 템플릿이라고 불리는 특수한 파일을 저장한다. 모든 시각 속성들이 템플릿에 저장되기 때문에 Chart에 변경 사항을 적용하기 위해서는 서버 측 스크립트에서 오직 하나만의 메소드(즉, Import)만을 필요로 한다. 이 방법은 템플릿을 저장시키고 페이지가 접근되었을 때 로드할 수 있기 때문에 페이지가 모든 Chart에 대해서 동일한 모습을 가질 필요가 있을 때 좋은 방법이다. 이것은 다음과 같은 장점을 제공한다:

1.ASP 페이지를 유지하는 것이 일상적인 어플리케이션을 유지하는 것과 동일해 진다. 많은 ASP 페이지에 동일하게 적용된 시각 속성을 변경할 필요가 있을 때 각 페이지에 접근해서 ASP 코드를 변경해야 할 것이다.

2. 페이지의 그룹이나 전체 사이트에 대해서 일관적인 모양을 제공할 수 있다. 이것은 VB 스크립트 코드를 계속 반복한다는 것을 의미한다. 제공하고 있는 Chart가 색상안, Chart 타입 등 같은 종류의 시각 속성을 사용하지만 데이터가 다르다면 동일한 VB 스크립트를 모든 ASP 페이지에 적용해야만 할 수도 있다. Chart FX는 프로퍼티와 메소드에 대해서 확장 목록을 제공하기 때문에 이것은 각 ASP페이지에 상당한 양의 코드가 필요하게 된다는 것을 의미한다.

템플릿을 사용한다는 것이 서버측 코드를 사용하지 못하게 한다는 것을 의미하지는 않는다는 점에 주목할 필요가 있다. 예를 들어 사이트에 있는 모든 Chart에 공통적인 속성으로 템플릿을 저장하고 Chart에 있는 특정 설정을 변경하기 위해서 서버 측 스크립트를 사용할 수 있다. 이런 방법으로 Chart FX 서버 측 스크립트의 장점을 충분히 이용하면서 서버의 부하를 줄일 수 있다.

Page 151: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 143 -

Chart FX IE 템플릿 & 코드 생성기가 다음의 그림에 나타나 있다:

Chart FX IE 템플릿 & 코드 생성기를 적절히 사용하는 방법에 대한 자세한 정보는 다음의 chapter에서 얻을 수 있다:

1. 이 도구를 템플릿 생성기로 사용하기 2. 이 도구를 코드 생성기로 사용하기 3. Chart 크기 조절

Page 152: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 144 -

템플릿 사용 .

이전에 설명된 것과 같이 Chart FX IE 템플릿 & 소스 생성기는 서버측 스크립트(ASP 또는 CF)를 작성하지 않고 시각적 속성을 Chart에게 적용할 수 있는, 일반적으로는 템플릿이라고 불리는 파일을 생성하기 위해서 사용된다. 템플릿을 생성하는 일은 아래 그림에서 설명된 것과 같이 단지 Chart FX 사용자 인터페이스나 프로퍼티 윈도우를 사용해서 Chart의 속성을 적절하게 설정함으로써 이루어 진다:

Page 153: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 145 -

대부분의 프로퍼티들이 템플릿에 저장되기는 하지만 사용자가 페이지에 접근할 때 마다 템플릿을 로드하고 적용하는 서버측 스크립트 코드를 생성해야 한다. Chart FX IE 템플릿 & 코드 생성기는 다음 그림에서처럼 ‘Generate Import’ 옵션이 코드 메뉴에서 체크되어 있을 때 자동적으로 이 코드를 생성한다.

이 옵션이 체크되어 있을 때 Chart FX IE 템플릿 & 코드 생성기는 사용자가 브라우저(아래)로부터 접근했을 때 템플릿을 로드하는데 필요한 서버 측 코드를 생성할 것이다. 이 서버측 코드는 다양한 시각 속성을 설정하는데 사용된 프로퍼티를 포함하지 않는다. 이러한 것들은 템플릿에만 저장된다.

중요한 정보: 웹 서버에 템플릿을 저장시켰으면 생성된 코드를 ASP 페이지에 복사하고 웹 서버에 저장한 위치에 따라 Import 메소드를 변경할 수 있다. 코드를 복사하기 위해서 코드 보기 윈도우에서 모든 코드를 선택하고 <Ctrl><Ins>키를 누른다(이것은 코드를 클립보드로 가져간다). 또는 코드 메뉴에서 “다른 이름으로 코드 저장하기(Save Code As...)’를 선택해서 그냥 저장할 수 도 있다.

템플릿을 로드하기 위해 ASP 페이지에 필요한 코드

Chart 템플릿을 저장할 준비가 되었을 때 이것을 웹 서버에 저장해야만 한다(wwwroot의 아래일 필요는 없다). VB 스크립트 코드로 템플릿을 가져올 때 물리적 경로(physical path)를 사용해야 한다. 예를 들어 웹 서버에 D:\InetServer\Templates라는 디렉토리가 있다고 가정해 보자. ASP 코드는 템플릿을 가져오고 적용하기 위해서 이 경로를 참조해야 한다.

ASP 페이지의 VB 스크립트 코드는 서버에서 실행될 것이고 따라서 파일을 가져오기 위해서는 물리적 경로를 참조해서 Import 메소드가 실제로 파일을 얻을 수 있도록 해야 한다. 이것은 이 어플리케이션에 의해서 생성된 코드이다:

<%@ Language=VBScript %> <HTML> <HEAD> </HEAD> <BODY> <% Set chart 1 = Server.CreateObject("ChartFX.WebServer") TemplatePath = Server.MapPath("/Templates/chart.cht") Chart1.Import 3,TemplatePath %> <%= Chart1.GetHtmlTag(373,317,"Auto","Chart1") %> </BODY> </HTML>

Page 154: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 146 -

중요한 정보: 코드 메뉴에서 페이지 코드 생성(Generate Page code) 옵션이 체크되었을 때 <HTML>과 <BODY>택이 생성된다. 생성된 코드를 기존의 페이지로 가져와 쓰기 위해서는 이 옵션이 체크되어 있지 않아야 한다.

VB 스크립트 코드를 ASP 페이지에 포함시키는 것은 항상 유효하다. 그러나 템플릿을 적용하고 있는 경우에는 템플릿을 import한 후에 VB 스크립트 코드를 포함시켜야 한다. 예를 들어 템플릿이 Chart를 특정 페이지에서 3D로 설정했다면 Chart를 2D로 표시하는 것을 제외하고 이 템플릿에 저장된 다른 모든 시각 속성을 사용할 수 있다. Import 메소드를 호출한 후에는 Chart를 2D 모드로 전환하는 호출(Chart3D 프로퍼티)을 할 수 있다.

템플릿을 로딩할 때 Server.MapPath 사용의 중요성 .

Chart FX 템플릿을 가져올 때 물리적 경로를 사용하는 것이 문제가 될 수도 있다. 예를 들어 사이트를 한 서버에서 다른 서버로 옮기려 할 때 모든 물리적인 경로가 변할 수도 있고 따라서 템플릿은 로드되지 않을 것이다.

어떠한 에러 메시지도 개발자나 사용자에게 제시되지 않기 때문에 이 에러를 추적하는 것이 어려운 문제가 될 수 있다. 이렇게 되면 Import 메소드 호출에 대해 주어진 물리적 경로에서 템플릿이 발견될 수 없기 때문에 Chart FX IE 서버는 표준 3D 막대 Chart를 생성할 것이다.

이 문제에 대한 해결책은 IIS Server 객체의 MapPath 메소드를 사용하는 것이다. 이 메소드는 논리적인 경로를 import 메소드 호출에서 사용할 물리적인 경로로 바꾼다.

Page 155: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 147 -

코드 생성. 1. 코드 메뉴에서 Chart를 적용할 플래폼을 선택한다. Chart FX 코드 생성기는 ASP, 콜드퓨전, 그리고 Chart FX 서버측 컴포넌트를 사용하지 않을 경우에는 IE와 넷스케이프를 위한 클라이언트 측 코드에 대해서 서버 측 코드를 생성하는데 사용될 수 있다. 이 메뉴에서 적절한 옵션을 클릭하기만 하면 된다.

2. 코드 메뉴에서 Generate Import 옵션을 해제한다. 이렇게 함으로써 코드 생성기에게 선택된 플래폼에서 적절한 코드를 생성하도록 지시한다(ASP, 콜드퓨전, 클라이언트 측 ActiveX 또는 플러그인). 이 옵션이 체크된 상태라면 Code View 탭에서 생성된 코드는 템플릿을 사용하고 있다고 가정한 것이다.

3. 원하는 Chart를 만들었다면 페이지로 코드를 복사해서 가져 오기 위해서 아래에 있는 Code View 탭을 누른다.

Chart FX IE 이 확장성이 있고 완전히 문서화되어 있지만(/help 디렉토리의 ChartFX_98_API.chm) ASP나 CF 코드에서 적절한 프로퍼티나 메소드를 찾는데는 상당한 시간이 소요됨을 곧 알게 될 것이다. 이러한 문제에 대해 Chart FX IE 코드 생성기가 단지 Chart와 상호 작용함으로써 코드를 생성해 준다는 사실이 위안일 될 수 있을 것이다. 그러나 먼저 적절하게 코드를 생성하기 위해서 어플리케이션에서 올바른 옵션을 설정해야만 한다:

Page 156: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 148 -

중요한 정보: 비주얼 인터데브를 사용하고 있으면 프로젝트 내에서 자동적으로 ASP 코드를 생성하기 위해서 Chart FX DTC를 사용할 수도 있다.

원하는 Chart를 선택하면 Code View 탭을 클릭하고 실제 ASP, CF ,HTML 페이지에 복사할 수 있다:

중요한 정보: 클라이언트 측의 ActiveX 컨트롤이나 넷스케이프 플러그인에 대한 코드를 생성하려 한다면 <OBJECT>와 <EMBED>태그를 적절하게 생성하기 위해서 몇가지 서버 설정이 필요하기 때문에 주의해서 ‘Options - Customize... ‘메뉴를 살펴봐야 한다.

Page 157: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 149 -

Chart 크기 조절

Chart FX 템플릿 & 코드 생성기는 옵션 메뉴에서 ‘Image Fixed Size‘를 체크함으로써 정확한 Chart 크기를 지정할 수 있도록 한다. 이렇게 작업하는 것의 장점은 Chart 객체나 이미지가 브라우저에 어떻게 보일지를 정확하게 알 수 있다는 점이다. 이 옵션이 선택되지 않았다면 Chart 객체는 Chart 뷰 탭에 할당된 모든 공간을 차지할 것이고 어플리케이션의 크기를 재조정하면 Chart 또한 거기에 따라 크기가 재조정된다. 페이지에 Chart를 어떻게 통합시킬것인지에 따라어떤 방법이 다른 것 보다 나을 수 있다. 대부분은 Chart를 다른 HTML 요소와 통합하기 때문에 Chart 크기는 항상 중요하다.

Page 158: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 150 -

중요한 정보: 고정된 이미지 크기로 작업할 때 Chart 크기를 재조정할 때 마다 GetHtmlTag이 갱신된다. 다른 한편으로는 전체 크기 보기(Full Size view)로 작업할 때 Chart와 관련된 공간의 비율을 할당하기 위해 프로퍼티 윈도우에 있는 ObjHeight와 ObjWidth 프로퍼티(HTML 카테고리에 있음)를 사용하는 것이 보통이다. 이것은 Chart가 보여질 때 브라우저에서 일정 비율을 차지하게 되는 경우에 보통 일반적으로 사용된다. Chart에 있는 시리즈와 점들의 수에 대한 대략적인 값을 안다면 window Data Category 프로퍼티들을 사용할 수 있고 시리즈와 점들의 개수도 설정할 수 있다. 이렇게 하면 가지고 있는 데이터의 양에 Chart의 크기가 적합한 지를 결정할 수 있다.

Page 159: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 151 -

Chart FX 프로그래머 가이드 Appendix A

이 절에서 다루는 내용

Chart FX ActiveX 클라이언트 HTML 레퍼런스

Page 160: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 152 -

Page 161: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 153 -

Appendix A. Chart FX ActiveX 클라이언트 HTML 레퍼런스 비윈도우 기반의 서버(즉, UNIX, MAC 등)를 사용하고 있고 HTML 페이지에 액티브 Chart를 제공하고 싶다면 HTML 페이지에 ActiveX 컨트롤을 다운로드하고 브라우저에 설치하도록 하는 택을 포함시키면 된다.

Note: Chart FX 서버 컴포넌트를 사용하고 있지 않기 때문에 이 사이트에서는 브라우저 독립성을 잃어버리게 될 것이다. Chart FX ActiveX 클라이언트와 관련된 택을 사용하려면 ActiveX 컨트롤을 지원하는 브라우저만이 Chart를 볼 수 있고 상호 작용 할 수 있을 것이다.

Chart를 ActiveX 호환 브라우저(예. 인터넷 익스플로러)에 임베딩(embedding)시키려면 <OBJECT>태그의 사용이 필요하다. 이 택은 이 택에 포함될 수 있는 <PARAM> 택의 사용을 통해서 Chart에 시각적인 속성을 설정하기 위해 수많은 변수 뿐만 아니라 전체 Chart FX API까지도 지원한다.

덧붙여야 할 OBJECT 택은 이 매뉴얼의 서버 응답 부분에서 설명한 것과 다를 바가 없다. 예를 들어 Chart를 페이지에 포함시키는 최소의 HTML 코드는 다음처럼 작성될 수 있다:

<OBJECT CLASSID="CLSID:21F49842-BFA9-11d2-A89C-00104B62BDDA" TYPE="application/x-oleobject" WIDTH="500" HEIGHT="350" ID="Chart1" CODEBASE=/download/CfxIEAx.cab#Version=4,4,11,3> <PARAM NAME="LICENSE" VALUE="/license/CfxIE.lic"> </OBJECT>

시각 속성 설정 Chart FX API를 직접적으로 클라이언트에서 접근하는 것은 Chart FX API에서 각 프로퍼티들이 <PARAM>태그를 통해서 접근될 수 있기 때문에 매우 쉽다. 이 택은 다음과 같이 Chart에 변수를 전달하기 위해서 OBJECT 탭의 안에서 사용된다:

<PARAM NAME="<paramname>" VALUE="<paramvalue>">

<paramname>과 <paramvalue>는 변수의 이름과 값을 나타낸다. 이 HTML 코드는 웹 서버에 이전에 저장된 Chart를 사용해서 Chart를 임베드(embed)시킨다.

예를 들어 <OBJECT> 다음의 PARAM 택을 추가함으로써 Chart의 배경 프로퍼티를 쉽게 설정할 수 있다:

<OBJECT CLASSID="CLSID:21F49842-BFA9-11d2-A89C-00104B62BDDA" TYPE="application/x-oleobject" WIDTH="500" HEIGHT="350" ID="Chart1" CODEBASE=/download/CfxIEAx.cab#Version=4,4,11,3> <PARAM NAME="RGBBK" VALUE="16711833"> </OBJECT>

중요한 정보: Chart FX API는 확장성이 있기 때문에 PARAM 택을 이용해서 올바른 모습을 얻기 위한 프로퍼티를 찾아내는 것은 매우 시간이 많이 걸리는 작업이다. Chart FX의 템플릿 & 코드 생성기는 Chart에 적절한 시각적 속성을 얻을 수 있도록 하기 위한 클라이언트 측 코드를 Chart와의 시각적인 상호 작용을 통해서 생성하고 이것을 HTML 파일에 붙여서 적용할 수 있는 기능을 가지고

Page 162: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 154 -

있다. 따라서 ASP를 사용하는 대신에 OBJECT 택을 통합하려고 한다면 이 방법을 사용할 것을 강력하게 추천한다.

Chart에 데이터 전달하기 이 Chart에 대한 유일한 문제점은 이것이 무작위적인 데이터(물론 별로 필요없는 데이터)를 가지고 있다는 점이다. 따라서 다음 단계는 이전에 저장된 Chart를 지원하는 것이다:

이전에 저장된 ChartFX의 Chart 사용하기. 이전에 저장된 Chart(Chart FX 웹 마법사로 저장)를 지원하기 위해서 <PARAM>태그를 사용해야 한다. 이 택은 다음처럼 Chart에 변수를 전달하기 위해서 OBJECT 탭 내부에서 사용된다:

<PARAM NAME="<paramname>" VALUE="<paramvalue>">

<paramname>과 <paramvalue>는 변수의 이름과 값을 나타낸다. 이 HTML 코드는 웹 서버에 이전에 저장된 Chart를 사용해서 Chart를 임베드(embed)시킨다.

<OBJECT CLASSID="CLSID:21F49842-BFA9-11d2-A89C-00104B62BDDA" TYPE="application/x-oleobject" WIDTH="500" HEIGHT="350" ID="Chart1" CODEBASE=/download/CfxIEAx.cab#Version=4,4,11,3> <PARAM NAME="LICENSE" VALUE="/license/CfxIE.lic"> <PARAM NAME="DATAPATH" VALUE="/myCharts/Chart1.chw"> </OBJECT>

텍스트 파일 사용. 텍스트 파일을 지정해서 Chart FX가 Chart를 표시하기 위해서 파일의 내용을 사용하도록 할 수도 있다:

<OBJECT CLASSID="CLSID:21F49842-BFA9-11d2-A89C-00104B62BDDA" TYPE="application/x-oleobject" WIDTH="500" HEIGHT="350" ID="Chart1" CODEBASE=/download/CfxIEAx.cab#Version=4,4,11,3> <PARAM NAME="LICENSE" VALUE="/license/CfxIE.lic"> <PARAM NAME="DATAPATH" VALUE="/mydata/sales.txt"> </OBJECT>

Page 163: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 155 -

PARAM 택을 이용해서 동적 데이터 공급하기. 콜드퓨전과 같은 몇몇의 서드 파티 도구들은 서버에서 실행되는 스크립트 작성을 가능하게 하고 동적인 HTML 페이지 작성을 가능하게 한다. 이러한 도구들의 대부분은 데이터베이스 접근을 가능하게 하는 것이다. 이러한 것들 중 하나를 사용하고 있다면(또는 고유한 CGI 어플리케이션을 작성할 계획을 가지고 있다면) Chart 데이터를 지정하기 위해서 다음처럼 <PARAM>태그를 사용할 수 있다: <OBJECT CLASSID="CLSID:21F49842-BFA9-11d2-A89C-00104B62BDDA" TYPE="application/x-oleobject" WIDTH="500" HEIGHT="350" ID="Chart1" CODEBASE=/download/CfxIEAx.cab#Version=4,4,11,3> <PARAM NAME="LICENSE" VALUE="/license/CfxIE.lic"> <PARAM NAME="InLineData" VALUE="Series"> <PARAM NAME="S0" VALUE="20,40,50"> <PARAM NAME="S1" VALUE="10,8,7"> </OBJECT> InlineData 변수는 두 가지의 가능한 값, 즉, ‘Series’와 ‘Values’를 가질 수 있고 이것은 시리즈로 정렬된 데이터(S0, S1, S2..)를 넘길 것인지 값으로 정렬된 데이터(V0, V1, V2, …)를 넘길 것인지를 표시한다. 둘 중 선택은 개발자의 도구가 데이터를 어떻게 생성하는지에 달려 있다(테이블 필드 별 또는 테이블 레코드 별). VBScript를 사용해서 동적 데이터 공급하기. Chart FX는 VB 스크립트(또는 자바 스크립트)를 사용해서 Chart로 표시될 데이터를 받을 수 있다. 다음과 같이 데이터를 공급하기 위해서 VB 스크립트를 사용한다: <OBJECT CLASSID="CLSID:21F49842-BFA9-11d2-A89C-00104B62BDDA" TYPE="application/x-oleobject" WIDTH="500" HEIGHT="350" ID="Chart1" CODEBASE=/download/CfxIEAx.cab#Version=4,4,11,3> <PARAM NAME="LICENSE" VALUE="/license/CfxIE.lic"> </OBJECT> <SCRIPT LANGUAGE="VBS"> SUB Window_OnLoad Chart1.OpenDataEx 1,2,4 ' 첫번째 시리즈(데이터의 집합) Chart1.ThisSeries = 0 Chart1.Value(0) = 20.5 Chart1.Value(1) = 16 Chart1.Value(2) = 30 Chart1.Value(3) = 12.4 ' 첫번째 시리즈(데이터의 집합) Chart1.ThisSeries = 1 Chart1.Value(0) = 32 Chart1.Value(1) = 16.2 Chart1.Value(2) = 17 Chart1.Value(3) = 19 Chart1.CloseData 1 END SUB </SCRIPT>

Page 164: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 156 -

JavaScript를 이용해서 이벤트 감지하기 많은 개발자들이 (VB스크립트 대신에) 자바 스크립트를 선호하거나 이것에 대한 교육을 받았다. Chart FX 이벤트는 클라이언트에서 처리되고 자바 스크립트나 VB 스크립트를 이용해서 코딩될 수 있다.

Note: 자바 스크립트 코드를 작성하고 있다는 사실은 브라우저 범위에서는 영향을 미치지 않는다. 이것은 인터넷 익스플로러에서만 제공되는 ActiveX 컨트롤을 여전히 사용하고 있기 때문이다.

다음은 LbUttonDblClk 이벤트를 처리하는 코드의 일부이다. 이것은 (서버 코드가 아니라)클라이언트 측 코드라는 것에 주목한다. 이 코드는 Chart FX ActiveX 컨트롤과만 호환성을 가진다:

<SCRIPT LANGUAGE="JavaScript" FOR="ChartFX1" EVENT="LButtonDblClk(x, y, nSerie, nPoint, nRes)"> <!-- if ((nSerie == -1) || (nPoint == -1)) alert("You didn't click on any marker"); else if (nSerie == 0) window.location.href = "DrillDownOne.htm" else window.location.href = "DrillDownTwo.htm" ChartFX1.ReturnValue = 1 --> </SCRIPT>

Page 165: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 157 -

Chart FX 프로그래머 가이드 Appendix B

이 절에서 다루는 내용

Chart FX 넷스케이프 플러그인 클라이언트 HTML 레퍼런스

Page 166: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 158 -

Page 167: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 159 -

Appendix B. Chart FX 넷스케이프 플러그인 클라이언트 HTML 레퍼런스 비윈도우 기반의 서버(즉, UNIX, MAC 등)를 사용하고 있고 HTML 페이지에 액티브 Chart를 제공하고 싶다면 HTML 페이지에 플러그인 컨트롤을 다운로드하고 브라우저에 설치하도록 하는 택을 포함시키면 된다.

Note: Chart FX 서버 컴포넌트를 사용하고 있지 않기 때문에 이 사이트에서는 브라우저 독립성을 잃어버리게 될 것이다. Chart FX 플러그인 클라이언트와 관련된 택을 사용하려면 플러그인 컨트롤을 지원하는 브라우저만이 Chart를 볼 수 있고 상호 작용 할 수 있을 것이다.

Chart를 플러그인 호환 브라우저(예. 인터넷 익스플로러)에 임베딩(embedding)시키려면 < EMBED >태그의 사용이 필요하다. 이 EMBED 택은 이 택에 포함될 수 있는 택의 사용을 통해서 Chart에 시각적인 속성을 설정하기 위해 수많은 변수 뿐만 아니라 전체 Chart FX API까지도 지원한다.

덧붙여야 할 OBJECT 택은 이 매뉴얼의 서버 응답 부분에서 설명한 것과 다를 바가 없다. 예를 들어 Chart를 페이지에 포함시키는 최소의 HTML 코드는 다음처럼 작성될 수 있다:

<EMBED type=chart/chartfxie width="500" height="350" name="Chart1" PLUGINSPAGE=/download/NpCfxIE.htm PluginVersion="4,4,11,3" LICENSE="/license/CfxIE.lic" >

시각 속성 설정 Chart FX API를 직접적으로 클라이언트에서 접근하는 것은 Chart FX API에서 각 프로퍼티들이 < EMBED >태그를 통해서 이름과 설정에 대해 직접 접근할 수 있기 때문에 매우 쉽다. 예를 들어 <EMBED>태그에 다음의 RGBBK 프로퍼티를 적용시킴으로써 배경 프로퍼티를 쉽게 설정할 수 있다:

<EMBED type=chart/chartfxie width="500" height="350" name="Chart1" PLUGINSPAGE=/download/NpCfxIE.htm PluginVersion="4,4,11,3" LICENSE="/license/CfxIE.lic" RGBBK = 16711833 >

중요한 정보: Chart FX API는 확장성이 있기 때문에 PARAM 택을 이용해서 올바른 모습을 얻기 위한 프로퍼티를 찾아내는 것은 매우 시간이 많이 걸리는 작업이다. Chart FX의 템플릿 & 코드 생성기는 Chart에 적절한 시각적 속성을 얻을 수 있도록 하기 위한 클라이언트 측 코드를 Chart와의 시각적인 상호 작용을 통해서 생성하고 이것을 HTML 파일에 붙여서 적용할 수 있는 기능을 가지고 있다. 이 도구는 심지어 적절한 택을 생성해서 넷스케이프 네비게이터와 인터넷 익스플로러에 대해서 브라우저 독립성을 얻을 수 있도록 하고 있다. 보다 자세한 정보는 Chart FX 템플릿 & 코드 생성기를 참조한다.

Page 168: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 160 -

Chart에 데이터 전달하기 이 Chart에 대한 유일한 문제점은 이것이 무작위적인 데이터(물론 별로 필요없는 데이터)를 가지고 있다는 점이다. 따라서 다음 단계는 이전에 저장된 Chart를 지원하는 것이다:

이전에 저장된 ChartFX의 Chart 사용하기. 이전에 저장된 Chart를 제공하기 위해서 :

<EMBED type=chart/chartfxie width="500" height="350" name="Chart1" PLUGINSPAGE=/download/NpCfxIE.htm PluginVersion="4,4,11,3" LICENSE="/license/CfxIE.lic" DATAPATH = "/mycharts/chart1.chw" >

텍스트 파일 사용. 텍스트 파일을 지정해서 Chart FX가 Chart를 표시하기 위해서 파일의 내용을 사용하도록 할 수도 있다

<EMBED type=chart/chartfxie width="500" height="350" name="Chart1" PLUGINSPAGE=/download/NpCfxIE.htm PluginVersion="4,4,11,3" LICENSE="/license/CfxIE.lic" DATAPATH = "/mydata/sales.txt" >

동적 데이터 공급하기. 콜드퓨전과 같은 몇몇의 서드 파티 도구들은 서버에서 실행되는 스크립트 작성을 가능하게 하고 동적인 HTML 페이지 작성을 가능하게 한다. 이러한 도구들의 대부분은 데이터베이스 접근을 가능하게 하는 것이다. 이러한 것들 중 하나를 사용하고 있다면(또는 고유한 CGI 어플리케이션을 작성할 계획을 가지고 있다면) Chart 데이터를 지정하기 위해서 다음처럼 <PARAM>태그를 사용할 수 있다: <EMBED type=chart/chartfxie width="500" height="350" name="Chart1" PLUGINSPAGE=/download/NpCfxIE.htm PluginVersion="4,4,11,3" LICENSE="/license/CfxIE.lic" INLINEDATA="Series" S0="20,40,50" S1="10,8,7" > InlineData 변수는 두 가지의 가능한 값, 즉, ‘Series’와 ‘Values’를 가질 수 있고 이것은 시리즈로 정렬된 데이터(S0, S1, S2..)를 넘길 것인지 값으로 정렬된 데이터(V0, V1, V2, …)를 넘길 것인지를 표시한다. 둘 중 선택은 개발자의 도구가 데이터를 어떻게 생성하는지에 달려 있다(테이블 필드 별 또는 테이블 레코드 별).

Page 169: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 161 -

Chart FX 프로그래머 가이드 Appendix C

이 절에서 다루는 내용

Chart FX 와 콜드퓨전(ColdFusion) 이 도움말에 대하여

Page 170: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 162 -

Page 171: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 163 -

Chart FX IE 와 콜드퓨전(ColdFusion)의 통합

콜드퓨전이 ASP 컴포넌트들을 지원하기는 해도 Chart FX Internet Edition이 Chart에 시각적 속성을 설정하기 위해서 빈번하게 사용하는 배열 프로퍼티나 컬러 프로퍼티를 지원하지 않는다. 따라서 Chart FX를 콜드퓨전에 통합할 때 두 가지 옵션이 존재한다:

1. (추천). Chart 객체와 상호 작용을 가능하게 하고 콜드퓨전과 호환성을 가지는 코드를 생성하는 Chart FX IE 템플릿 & 코드 생성기를 사용할 수 있다. 이 방법은 새로운 API를 호출하기 위해서 어떤 프로퍼티가 배열 프로퍼티이고 컬러 프로퍼티인지 기억할 필요가 없이 CF 프로젝트 내에서 템플릿 & 코드 생성기에 의해서 생성된 코드를 복사/붙이기 해서 사용하면 되기 때문에 매우 쉽다..

2. 배열 프로퍼티나 컬러 프로퍼티를 사용할 때 각각 setArrayProp와 SendMsg 프로퍼티를 사용할 수 있다.

새로운 API. 콜드퓨전과 호환성을 유지하기 위해 배열과 컬러 프로퍼티에 대한 콜드퓨전의 문제를 해결할 수 있도록 하는 두개의 프로퍼티를 추가했다. 이것들은 아래처럼 사용된다:

예를 들어, Legend, Value, XValue, MultiShape, MultiType, MultiYAxis, Color 등과 같은 배열 프로퍼티를 설정하려면 다음처럼 코드를 작성한다:

<CFSET Chart1.SetArrayProp("Legend",0,"A")> <CFSET Chart1.SetArrayProp("Legend",1,"B")> <CFSET Chart1.SetArrayProp("Legend",2,"C")> <CFSET Chart1.OpenDataEx(1,2,3)> <CFSET Chart1.SetArrayProp("Value",0,10.2)> <CFSET Chart1.SetArrayProp("Value",1,12)> <CFSET Chart1.SetArrayProp("Value",2,7)> <CFSET Chart1.ThisSerie = 1> <CFSET Chart1.SetArrayProp("Value",0,8)> <CFSET Chart1.SetArrayProp("Value",1,16)> <CFSET Chart1.SetArrayProp("Value",2,18)> <CFSET Chart1.CloseData(1)> <CFSET Chart1.SetArrayProp("MultiShape",0,4)> <CFSET Chart1.SetArrayProp("MultiShape",1,6)>

컬러 프로퍼티 제한을 피해서 작업하기 위해서 SendMsg 메소드를 사용할 필요가 있을 것이다. 이 메소드는 다음과 같은 문법을 가진다

Chart.SendMsg(wMsg,wParam,lParam)

이 메소드를 사용해서 색을 지정하기 위해서는 다음 변수들을 설정해야 한다:

wMsg: 배경색(RGBBk 프로퍼티)을 지정하기 위해서는 26으로 지정된다. 2D 배경색 (RGB2DBk 프로퍼티)을 지정하기 위해서 27로 지정된다 3D 배경색(RG3DBk 프로퍼티)을 지정하기 위해서 28로 지정된다.

Page 172: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 164 -

wParam 이 변수는 0으로 설정되어야 한다

lParam 이 변수는 16진 수 (BBGGRR)를 10진 수로 변경, 계산하여 윈도우에서의 색을 수치로 나타낸 값을 포함한다.

예.

' 배경색을 검정색으로 설정 <CFSET Chart1.SendMsg(26,0,0)>

' 2D 배경색을 흰색으로 설정 <CFSET Chart1.SendMsg(27,0,16777215)>

' 3D 배경을 빨간색으로 설정 <CFSET Chart1.SendMsg(28,0,256)>

Page 173: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 165 -

Page 174: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 166 -

Chart FX 프로그래머 가이드 색인

Page 175: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 167 -

Page 176: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 168 -

1 16-Bit Plug Ins., 16

2 24-Bit Color, 42 24-Bit color palette, 147 24-Bit palettes, 122 256 colors, 39

3 32-Bit versions

Client-side components, 16 3D, 67 3D bar chart, 79, 125 3D effects, 136

A Absolute

Path, 34 Active charts

Issues, 163 Active content, 60 Active Server Pages, 60

Integration, 60 ActiveX, 27, 34, 40, 44, 49, 105, 112,

114, 122, 128, 137, 141, 147, 163 32-Bits. See Control, 64 Internet Explorer, 16 Scripts, 60 Server, 60, 65 Server components, 15

ActiveX Client, 113, 114 ActiveX control, 24, 114, 117, 133, 166 ActiveX Server Component, 71, 73 ADO, 15, 71, 79

Connections, 60, 71 Data source, 71 Database, 79 Resultset, 60, 71

ADODB Resultset object, 71

Agent Name, 29 Annotation, 50, 141, 142

Element, 145 Extension, 50, 103, 142 Internet elements, 144 Object, 50, 145 Script, 50 Utility, 142

AOL, 30 API, 3, 18, 60, 78, 79, 142, 174

Annotation, 3 API Help file, 65 API Reference, 4

Appendix A, 161 Appendix B, 167 Appendix C, 172 Application

Server setup, 22 Architecture, 13 Array, 174 Arrays, 78

Multidimensional, 78 Arrows, 141 ASP, 15, 39, 41, 85, 101, 102, 105, 133,

139, 145, 151, 152, 154 Chart integration, 60 Chart pointing, 145 Code, 18, 27, 47, 60, 64, 86, 104,

105, 138, 157, 158 Components, 174 Engine, 62 Extension, 62 Page, 67 Pages, 62

ATL, 8 attributes

setting, 152 Authenticode, 9

Security, 9 Auto, 63 Auto detection mode, 109

B b

CfxSrv.ini Configuration. See Server Settings

Text files, 80 Background, 147 Background color,

Chart, 67 Bit stream, 131 BitStream

Generation, 135 BODY

Tags, 156 Boolean, 100 Bowser

Palettes, 39 Browser, 109

Detection, 31 Download files, 133 Independence, 27, 60, 163, 169 Maintaining independence, 134 Neutral approach, 60 Position, 116 Posting, 63, 64

Page 177: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 169 -

Request, 34 Response, 118 UserAgent, 33

Browser-based applications, 50 Browsers

UserAgent, 32 C

CAB Technology, 44

Category Codebase, 46

CF, 154 Code, 157

CfxSrv.ini, 35, 41, 46, 47, 48, 50, 51, 112, 114, 147 Updating, 24

Character Speeds, 33

chart Tooltips, 126

Chart, 137 3-D, 156 3D Bar, 67 3D Mode, 67 Attributes, 87 Axis, 60 Background color, 67 Bit Stream generation, 133 Colors, 60, 77 Configuration, 18 Configuration files, 52 Controlling personalized, 139 Creating, 145 Creating in memory, 27 Customizing, 67, 87 Data, 77 Design Time Control, 85 Displaying, 42 DrillDown, 125 Elements, 142 Embedding PlugIn, 169 Extensions, 103 Financial, 76 Flags, 129 Height, 63 History, 132 Image creating, 133 Integrating, 174 Integration, 62, 85 Legends, 60, 77, 78 Migrating, 10 Modify attributes, 151 Name, 63 Object, 34 Personalized, 63, 136, 137, 138 Populating, 71, 76, 78, 79

Presentation & Deployment, 7 Previously saved, 171 Properties, 39 Resizing, 159 Saving personalized, 138 Scaling, 60 Scatter, 76 Server creating, 62 Sizing, 97 String, 63 Supplying data, 164, 171 Temporary files, 24, 113 Title, 67 Types, 60, 77 Visual attributes, 77 Width, 63 Wizard. See Wizards Y axis, 67

Chart files Download, 49

Chart Object, 87 Chart types, 136 Chart View Tab, 159 Charting

Engine, 138 Charts

Active, 41 Deploying, 49 Previously saved, 164

Circles, 141 Classes

MFC, 8 Sending, 8

CLASSID, 112 Client

ActiveX, 163 Client component, 137 Client components, 80 Client HTML Reference, 169 Client Side ActiveX control, 81 Client Side ActiveX controls, 158 Client side code, 163, 169 Client Side code, 157 Client side components, 40, 49, 50, 56,

109, 138 16-Bit version, 16 Additional components, 17 Distribution, 17 Independence, 16 Redistributing, 56

Client Side components 32-Bit version, 16

Client Side Components, 16 Data access, 16 Interactive charts, 16

Client side objects, 147

Page 178: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 170 -

Client side script, 65 Client Tags, 28 Client-side

Components, 22 Decompressor, 44 Setup application, 22

Client-side component, 44, 97 Client-side components, 34 Client-side objects, 98 code

ASP, 157 Code

Adding, 101 API, 79 ASP, 27, 39, 47, 102 Automatically generated, 101 Chart populating, 76 Generating, 157, 158 VBScript, 60

Code Generator, 18 Template, 18

Code View Tab, 158 Codebase, 112 CODEBASE

Parameters, 112 ColdFusion, 18, 34, 151, 157, 165, 171,

172, 174 Color, 174 Color palette, 42 Colors. See Settings colors Column

Headings, 80 Columns, 80 COM, 8, 50, 103, 117

Extension, 103, 141 Interfaces, 103 Objects, 103

Company, 137 Security issues, 133

Compatibility, 15, 16 Backward, 8

Component, 15 ActiveX. See

Components ActiveX, 65 Client-side, 16 Designer, 18 Image rendering, 15 Licensing, 56 Process HTTP_USER_AGENT, 15 Saving, 139 Scripting, 65 Scripting support, 15 Server-side, 15, 65 Third party, 8 Tuning, 27

COMPONENTS Client-side, 22

Compress Chart files, 47

Compression Performance, 8

Compressor. See File compression Configuration, 46 Manual settings, 47 Threshold, 46

Connection, 91 Database, 60

Connections ADO, 60

Constructing a Rule, 33 CreateObject

Method, 62 Customize

DrillDown, 128 Pages, 136

D Data

Generating, 171 Passing, 76 Passing from arrays, 78 Passing values, 76 Retrieving, 6, 7 supplying, 165, 171 Transposing, 75

Database, 15 ADO, 15 ADO compliant, 71 Connecting, 109 Connection, 91 Integration drivers, 15

Datapath, 113, 116 Date Fields, 72 Dates, 78 DblClk Method, 130 Decompressor. See File compressin DefBrowserFlags, 42 Delphi, 65 Deployment

Chart, 7 Design time Control, 43 Design Time Control, 18, 60, 85 Designer components

Licensing, 18 Designer Components

License, 22 Designer tools, 22 Design-time controls, 86 Detection with Wildcards, 31 Directory

Cfx Temp, 44 CfxIE4/Config, 31

Page 179: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 171 -

CfxIESamp, 24 CfxTemp, 24 Download, 24, 51 Include, 65 License, 24, 112, 116 Location, 138

Distribution Licensing, 56

DLLs, 117 Download

ActiveX, 35 Chart files, 49 Locations, 50 Setup application, 35 StatusBar, 37 Utility, 47

Download directory, 22 Downloading

Extension or Utilities, 115 Extensions & Utilities using

Netscape, 117 DrillDown, 125, 128, 129, 130, 131 drivers

ASP, 15 Drivers

ADO, 15 Database, 15

DTC, 85, 88, 91, 93, 98, 101. See Design Time Control Chart sizing, 98 Customizing charts, 18 Recordset, 91 Setting image. See Settings, Image

properties Setting images. See Visual InterDev, 18

DTC UI, 86 DTCs, 86

E Embed

Tags, 28 EMBED

Tags, 109, 116, 169 Existent ASP Page, 62 Export

Templates, 67 Extension, 51

Png, 122 Toolbar, 104

Extensions, 37, 89, 103. See Settings extensions Annotation, 3. See Annotation Downloading, 117 Upload & Update, 51

F Features, 121

Field types, 73 Fields, 72

in SQL, 73 file

text, 171 File

CfxSrv.ini, 41 CfxSvr.ini, 48 Compression, 37

File Compression, 44 File compressor, 44 Files

Annotation_API.chm, 142 ASP, 24, 60 Cabinet, 8, 24 CfxIEDsg.exe, 22 CfxIESrv.exe, 22 CfxSrv.ini, 28, 34, 113, 116 Chart .chw, 50 Chart generation, 44 CHART.ASP, 134 ChartFX_98_API.chm, 65 chw, 46, 50 Configuration, 27, 28 Configurations, 27 Distribution, 22, 24 Download cab, 8 GIF, 124 Include, 74 Installation, 22 Reading text, 79 Reloading configuration, 52 Reloading configurations, 37 Removal utility, 24 Removing temp files, 148 SfxCgi.ini, 27 SfxCgi.ini Configuration, 29 SfxCgiWC.ini, 27 SfxCgiWC.ini Configuration, 31 SfxRemove, 148 Text formats, 80

Flags, 129 Floating objects, 141 Font, 40 Format

Guidelines, 80 FrontPage, 134

G Generate

Chart files, 34 Charts, 98 Data, 165 Html pages, 165 Image Maps, 122 Images, 34 Script, 86

Page 180: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 172 -

Tags, 34 Temporary chart file, 113

Generate Import, 155 Generating

ASP code, 158 Chart images, 46 Client side code, 163 Code, 157 Images, 27, 122 Text files, 80

Generation Image, 37

Generator Template & Code, 154

GetHtmlData, 145 GetHtmlTag, 64, 97, 102, 136, 160 GetHtmlTag., 145 GIF, 122, 124

H Header, 30 High-speed connection, 49 HTML, 85

Editor, 86 Tags, 156

HTML Reference, 163 HTTP_USER_AGENT, 27

I Icon, 65 ID, 112 IIS, 52, 60, 62, 71

Issues. See Internet info issues IIS function

URLEncode, 126 IIS Server

Object, 67 IIS Server object, 79 Image

Compression, 99 Fixed Size, 159 Generation, 41, 125, 133 JPEG, 99 Map, 125 Png, 43 PNG, 99 Properties, 41, 43, 99, 118 Quality, 118 size, 160 Size, 118

Image Map, 126 Generation, 128

Image Maps Generation, 125

Images, 128, 141 Chart, 41 Creating, 40, 133 Creating in memory, 27

Formats, 122 Generation, 27, 122 GIF, 122 Interlaced, 100 JPEG, 43, 122 Map, 100 Method, 100 Photo quality, 122 Png, 42 PNG, 39 Settings, 41 Sizing, 100 Smooth, 100 Tags, 100 Transparency, 146 Troubleshooting, 123

IMG Tags, 100, 109, 118, 133, 134

IMG source, 134 ImgColors, 99 ImgCompression, 99 ImgInterlaced, 100 ImgMap, 100 ImgMethod, 100 ImgQuality, 100 ImgSizeable, 100 ImgTags, 100 Import

Tmplates, 67 Include

Directive, 147 InlineData parameter, 165, 171 Installing

ActiveX controls, 114 Plug In, 117 System page development, 22 Updated versions, 114 Web server, 22

Integrating Charts, 85

IntelliSense, 88 Interactivity, 7 Interfaces

COM, 50 Interlaced, 42, 122 Internet Explorer, 30, 42, 109, 112, 114,

166 Internet Explorer 5.0

UserAgents, 31 Interpret

SQL Statements, 72 J

JavaScript, 105, 166 Trapping events, 166

JPEG, 39, 41, 43, 99, 118, 122. See Settings JPEG

Page 181: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 173 -

K Key Legend, 73 knowledgebase, 5

L Labels, 46, 80

X axis, 75 Legend, 174 Legends, 46, 76

Point, 72 License

Agreement, 56 Parameters, 35

License Agreement, 85 Licensed

Controls, 35 Licenses

Additional, 56 Purchasing, 18

Licensing, 4, 51, 85 Additional info, 17 Chart FX ActiveX control, 112 Considerations, 15, 17, 18, 22 GIF files, 124 Issues, 54, 56 Per developer, 56 PlugIn control, 116 Server/cpu basis, 56 Unisys, 124

LoadDefault Method, 52

Location string., 138 logical path, 156 lParam, 175

M Maintainance

issues, 152 Map

Generation, 125 MapPath, 156

Method, 67, 79 Marketing, 4 MatchedBrowsers, 31 Matrix, 78 METADATA

Tags, 86 Method, 65, 71

AddExtension, 103, 142 API, 18 CloseData, 76 CreateObject, 62 GetHtmlData, 133 GetHtmltag, 112 GetHtmlTag, 101, 116, 122. See

Chart integration Import, 155 MapPath, 156

OpenDataEX, 76 Server.CreateObject, 103

Methods, 60 MFC, 8 Migrating

Chart, 10 MIME

Type, 116 Modems

28.8 or 56K, 8, 44 MultiShape, 174 MultiType, 174 MultiYAxis, 174

N Netscape, 30, 42, 64, 122

PlugIn, 169 Plug-In, 16

Netscape Client Side Plug-Ins, 24 Netscape Navigator, 109, 116, 117 Netscape Plug In, 24

Distribution, 16 Netscape Plug-Ins, 117, 158 Notepad, 134, 151 NotMatchedBrowsers, 32 Numerical columns, 75 Numerical Data, 78 Numerical fields, 72 Numerical information, 80, 113 Numerical va, 102

O Object

Parent keys, 31 Tags, 28

OBJECT Tags, 81, 109, 112, 114, 134, 163

Object key, 29 Objects, 65, 141

Annotation, 50 Transparency, 146

OEM agreement, 56 OEMing, 30 On-Line Support, 5 option

Chart types, 7 Options

3D Effects, 7 Colors, 7 Grid Lines, 7 Legends, 7 Text, 7

Output Category, 34

P Pages

Creating, 60 Palettes, 39

Page 182: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 174 -

PARAM Tags, 163

PARAM tag Using, 165

Parameter Chart. See Method GetHtmlTag

Parameters, 42 CodeBase, 34 License, 35 PlugIn XE "PlugIn" sPage, 35 PlugIn XE "PlugIn" Version, 35 Relative and Absolute, 34

Parent, 29 Object keys, 31

paths physical, 156

Performance, 8 ActiveX, 8 Cabinet file, 8 Compression, 8

PersonalID, 63 Personalized

Chart, 136 Physical paths, 67, 79 Pie chart, 131 Pixels, 63, 145 Platforms

Mac, 118 UNIX, 118

Plug In Netscape, 16

PlugIn, 35, 40, 44, 137, 141, 147, 169 Control, 116 Installation, 117 Type, 116

Plug-In, 34, 64 PlugIn Client, 169 PlugIn controls, 169 PlugIns, 27, 49, 128, 133

Netscapae, 35 Pluginspage, 116 Png, 42, 118, 122

Images, 42 PNG, 41, 99 Png algorithm, 122 Point legends, 80 Point Legends, 72 Populating

Charts, 78 Position, 116

Browser, 112 Presentation

Chart, 7 Programming utilities

Designer components, 18 Prompt dialog, 139

Prompting the user, 137 Properties, 60, 65, 71, 87

API, 18 Chart, 39 Color, 39 Image, 41, 43 ObjHeight, 98 ObjWidth, 98 Window, 86

Properties Window, 87 Property

AllowModify, 144 AllowMove, 145 Array, 174 Background, 163 Color, 174 Colors, 42 DefaultServerScript, 105 DefBrowserFlag, 147 ImgMap, 126 ObjHeight, 160 ObjWidth, 160 PropPageMask, 138 RGBBK, 169 SendMsg, 174 setArrayProp, 174 URL Target, 144 ValueEX, 76 YValue, 77

PropPageMask, 138 Q

Quality Settings, 43

R Random data, 171 RecordSet

Data changing, 93 Object, 91, 93

Rectangles, 141 Relative and Absolute, 34 Reloading, 52

Dynamically, 52 Resultset

ADO, 60 Retrieving

Data, 6, 7 RGB color, 147 Row

Headings, 80 Rows, 80 Rule

Tested, 33 Run-Time Text, 88

S Script Object, 88 Script programming, 86

Page 183: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 175 -

Scriptable object, 142 Scripting, 65, 86 Scripting object model, 86 Scripts

ActivesX, 60 SDI, 151 Section

Absolute, 48 Codebase, 48, 51 Output, 48 Relative, 48

Security, 9 Security certificate, 117 Security setting, 114 Series Legends, 72, 80 Series Object

Data passing, 77 Server

Browser response, 109, 112 Components. See Components Internet info issues, 24 Migration, 22 Netscape Navigator response, 116 Performance, 41 Physical path, 67 Price, 56 Rebooting, 52 Settings, 34 Setup appliction, 24 Tuning. See Components tuning

server component, 50 Server component, 97, 99, 125, 133, 169

Client tags, 28 Server Component, 52, 109 Server Component:, 116 Server components

Reach limitations, 16 Server Components

ActiveX, 60 Server object, 103 Server side code, 157 Server side component, 50, 79 Server Side component

Determing browser dependence, 27 Server Side Component, 64, 65 Server side components

Licensing, 15 Requirements, 15 Web integration, 16

Server-side Installation, 22 Setup file, 22

Server-side execution, 60 Server-side script, 151, 154 Server-side scripting, 152 Settings, 34, 39

Changing chart, 138 Colors, 42 DefBrowserFlags, 42 Extensions, 50 File compression, 44 Font, 40 General, 41 Image. See Image Image properties, 99 Interlaced, 42 JPEG, 43 Manipulation, 43 Png, 42 Server. See Server Settings Server components, 28 StatusBar download, 48 Video, 37, 39 Visual attributes, 163, 169

SfxCgi.ini, 29, 30 SfxCgiWC.ini, 31 SfxRemove utility. See Files, SfxRemove SfxRemove Utility, 148 Size

Image, 160 Smooth

Image settings, 43 SQL, 75, 93

Interpretations, 72 Statement execution, 71

SQL Statement, 71 SQL statements, 91 SRC parameter, 133 Sript object, 86 StatusBar, 37

Download, 48 STicker, 71 String, 78 Strings, 126 Supplying data, 165 Supplying dynamic data., 171 Support, 4, 5 Support site

http //support.softwarefx.com, 32

T Tables, 91 Tag

Parameter, 35 Tags

CODEBASE, 34 EMBED, 34, 64 IMG, 34 OBJECT, 81

Technical Support, 4 telephone, 4 Template, 18

Page 184: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 176 -

3D Chart, 156 Code Generator, 18 Generator, 154 loading, 155 VBScript, 156

Template & Code Generator, 151 Template and Code

Generator, 169 Template and Code Generator, 155 templates

loading, 156 Templates, 67

Importing, 151 Issues, 152 Saving, 139, 140, 152 Server MapPath, 156 Using, 152, 154

Temporary Files Removing, 148

Text Editor, 151 text file, 171 Text file

Creating, 81 Using, 164, 171

the GetHtmlTag, 101 Toolbar, 141 Toolbox, 87 Tooltips, 126 Transparency, 42, 122. See Images

transparency 24 bit color charts, 147 Client-side objects, 147 Netscape, 147

Transparent Png images, 42

Transposing Data, 75

True Color Settings, 42

True Color (24-BIT COLOR, 39 True Color (32-Bit Color), 39 Type., 116

U UI, 85 UNIX, 79 Uploading

New versions, 114 URL, 112, 129 URLOptions, 129 URLParamMask, 126, 129 URLTarget, 129, 144 User Interface, 7 UserAgent, 30 UserAgents

Internet Explorer 5.0, 31 Using Code, 151

Utility Download, 47 File removal, 24

V Value, 174 ValueEX, 76 VbScript, 105, 166 VBScript, 62, 152, 155, 156

Adding, 156 Code, 60 Supplying dynamic data, 165

Version, 137 Coexisting, 11 Preferences, 10

Versions, 11 Video Card, 39, 42 Virtual root, 24 Visual attributes, 89, 113, 144, 152, 163,

169 Charts, 60

Visual Basic, 60, 65, 86 Visual C++, 65 Visual InterDev, 60, 85, 86, 91, 98, 101,

105, 134, 151, 158 Visual InterDev 6.0, 87 Visual InterDev 6.0., 91

W Web, 137 Web server

Installing, 22 Webmasters, 60 Wild Card matching, 30 Wild cards, 31

Characters, 33 Wizards, 89

Chart appearance, 89 DTCs, 85 Eductional tool, 90 Enabling/Disabling, 89 Manager, 89

wMsg, 175 wParam, 175

X X axis, 75 XValue, 174 XValues, 74 XY plot, 74

Y Y axis

Chart, 67 Y Values, 74

Page 185: 이 Software FX (Software FX, Inc) 데이터베이스에 포함된 가정 …community.chartfxkorea.com/BbsData/Club/20065/CP/IE_All_0409.pdf · 이 문서에 포함된 정보는

http://www.yessdata.com - 177 -