Microsoft PowerPoint - CfxInt62Sem_ ppt

Similar documents
Microsoft PowerPoint - CFXDSem ppt

Microsoft PowerPoint - CFXJavaSeminar.ppt

이장에서다룰내용 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2

Visual Basic 반복문

MATLAB and Numerical Analysis

MySQL-.. 1

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호

웹개발을위한 ComponentOne 사용법 (2) 권대건 부산대학교컴퓨터공학과 Abstract 최근웹개발이활성화되면서전문가를위한여러가지 Tool 웹애플리케이션형태로제공하는경우가늘고있다. ComponentOne 은.NET 기반의 UI C

Microsoft PowerPoint - Zebra ZPL 한글판 명령어 메뉴얼.ppt

Quick Guide

슬라이드 1

Microsoft PowerPoint - ch07 - 포인터 pm0415

untitled

SOFTBASE XFRAME DEVELOPMENT GUIDE SERIES ActiveX 컴포넌트가이드 서울특별시구로구구로 3 동한신 IT 타워 1215 호 Phone Fax

히포차트처음사용자안내서

디지털영상처리3

PowerPoint Presentation

Microsoft PowerPoint - Computer - chapter04.ppt [호환 모드]

untitled

데이터 시각화

다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) <% RequestDispatcher dispatcher = request.getrequestdispatcher(" 실행할페이지.jsp");

Orcad Capture 9.x

server name>/arcgis/rest/services server name>/<web adaptor name>/rest/services ArcGIS 10.1 for Server System requirements - 지

Contents 3 Info Desk 4 Cover Story 10 New Product A to Z 15 Web Technique 18 Gallery 22 Designer World 27 Customer Spotlight 29 Illustrator Tutorial 3

about_by5

게시판 스팸 실시간 차단 시스템

Microsoft PowerPoint - HS6000 Full HD Subtitle Generator Module Presentation

슬라이드 1

untitled

KDTÁ¾ÇÕ-2-07/03

5장. JSP와 Servlet 프로그래밍을 위한 기본 문법(완성-0421).hwp

1809_2018-BESPINGLOBAL_Design Guidelines_out

PowerPoint Presentation

윈도우즈프로그래밍(1)

제8장 자바 GUI 프로그래밍 II

[ 마이크로프로세서 1] 2 주차 3 차시. 포인터와구조체 2 주차 3 차시포인터와구조체 학습목표 1. C 언어에서가장어려운포인터와구조체를설명할수있다. 2. Call By Value 와 Call By Reference 를구분할수있다. 학습내용 1 : 함수 (Functi

쉽게 풀어쓴 C 프로그래밍

API 매뉴얼

Microsoft PowerPoint - chap02-C프로그램시작하기.pptx

초보자를 위한 크리스탈 리포트 9 - 대화형 리포트의 작성과 디자인

160322_ADOP 상품 소개서_1.0

<4D F736F F F696E74202D203137C0E55FBFACBDC0B9AEC1A6BCD6B7E7BCC72E707074>

PowerPoint 프레젠테이션

e-비즈니스 전략 수립

PowerPoint 프레젠테이션

APOGEE Insight_KR_Base_3P11

<4D F736F F D D31312D30312D53572D30312DBBE7BFEBC0DABCB3B8EDBCAD5FBFDCBACEB9E8C6F7BFEB2E646F63>

1

LCD Display

U.Tu System Application DW Service AGENDA 1. 개요 4. 솔루션 모음 1.1. 제안의 배경 및 목적 4.1. 고객정의 DW구축에 필요한 메타정보 생성 1.2. 제품 개요 4.2. 사전 변경 관리 1.3. 제품 특장점 4.3. 부품화형

Install stm32cubemx and st-link utility

untitled

untitled

Microsoft PowerPoint - 3ÀÏ°_º¯¼ö¿Í »ó¼ö.ppt

OVERVIEW 디트라이브는 커뮤니케이션 환경의 다변화에 대응하기 위한 고객들의 다양한 욕구를 충족시키기 위해, TV광고부터 온라인 광고 및 프로모션과 웹사이트 구축은 물론 뉴미디어까지 아우르는 다양한 IMC 기능을 수행하는 마케팅 커뮤니케이션 회사입니다. 대표이사 설

ChartFX Product

PowerPoint 프레젠테이션

Lab 3. 실습문제 (Single linked list)_해답.hwp

Microsoft PowerPoint - [2009] 02.pptx

PowerPoint Presentation

기존에 Windchill Program 이 설치된 Home Directory 를 선택해준다. 프로그램설치후설치내역을확인해보면 Adobe Acrobat 6.0 Support 내역을확인할수 있다.

예제 1.1 ( 관계연산자 ) >> A=1:9, B=9-A A = B = >> tf = A>4 % 4 보다큰 A 의원소들을찾을경우 tf = >> tf = (A==B) % A

KDTÁ¾ÇÕ-1-07/03

PowerPoint Template

학습목표 함수프로시저, 서브프로시저의의미를안다. 매개변수전달방식을학습한다. 함수를이용한프로그래밍한다. 2

비디오 / 그래픽 아답터 네트워크 만약에 ArcGolbe를 사용하는 경우, 추가적인 디스크 공간 필요. ArcGlobe는 캐시파일을 생성하여 사용 24 비트 그래픽 가속기 Oepn GL 2.0 이상을 지원하는 비디오카드 최소 64 MB 이고 256 MB 이상을 메모리

<4D F736F F D20284B B8F0B9D9C0CF20BED6C7C3B8AEC4C9C0CCBCC720C4DCC5D9C3F720C1A2B1D9BCBA2020C1F6C4A720322E302E646F6378>

UI TASK & KEY EVENT

윈도우시스템프로그래밍

PowerPoint 프레젠테이션

쉽게 풀어쓴 C 프로그래밍

목차 포인터의개요 배열과포인터 포인터의구조 실무응용예제 C 2


CODESYS 런타임 설치과정

179

February

OCW_C언어 기초

슬라이드 1

02 장. 글꼴문단지정하기 이번장에서는스타일시트속성중에서글꼴과관련한속성과문단에관련된속성을살펴보도록하자.

JVM 메모리구조

미쓰리 파워포인트

Gray level 변환 및 Arithmetic 연산을 사용한 영상 개선

2014_트렌드씨_웹용_1월_s

1단원

202

190

PowerPoint Presentation

Microsoft Word - ntasFrameBuilderInstallGuide2.5.doc

Microsoft PowerPoint - chap06-2pointer.ppt

Microsoft PowerPoint - 기계공학실험1-1MATLAB_개요2D.pptx

초보자를 위한 ADO 21일 완성

sehyun_brochure

설계란 무엇인가?

웹개발을위한 ASP.NET Framework 기반의 ComponentOne 사용법 권대건 부산대학교컴퓨터공학과 Abstract 최근 Twitter 나 Facebook 과같이웹을이용한 SNS 가폭발적으로증가한데이어웹기반온라인게임시장이활성

(Microsoft PowerPoint - 2\300\345.ppt)

Structure and Interpretation of Computer Programs: Assignment 3 Seung-Hoon Na October 4, George (아래 3개의 문제에 대한 구현이 모두 포함된 george.rkt파일을 제출하시오.

문서 템플릿

ARMBOOT 1

iii. Design Tab 을 Click 하여 WindowBuilder 가자동으로생성한 GUI 프로그래밍환경을확인한다.

Spotlight on Oracle V10.x 트라이얼프로그램설치가이드 DELL SOFTWARE KOREA

Transcription:

Chart FX Internet 6.2 Chart FX Internet 6.2 세미나 2005.08 김영호 ( 주 ) 예쓰월드 www.yessdata.com

Agenda 회사소개 Internet Designer Chart 생성 Gallery Types ( 차트종류 ) 값전달 축설정 라벨설정 타이틀설정 시각적효과 범례 (Legend) 데이터분석 인터넷관련사항

회사소개 YESSWorld, inc 전세계다양한개발용컴포넌트총판및국내유통 MS, Adobe 등국내외 SW판매 Hummingbird 검색엔진국내총판 Software FX Chart FX 의제작회사로차트컴포넌트분야의마켓리더

Internet Designer 개요 쉽게원하는차트작성 초기개발시간을줄여주며, 필요한 API 를쉽게알수있습니다. 구성 차트화면 : 생성되는차트를보임 코드화면 : ASP코드를보임 속성창 : VB개발툴과비슷한속성창 메뉴 & 툴바 : 자주사용되는메뉴 마법사 : 마법사인터페이스로차트구현

Internet Designer

Chart 생성 Web ASP 상수정의파일 include Server.CreateObject( ProgID ) GetHtmlTag 메서드를호출출력

Chart 생성 예제 <!-- #include virtual="/chartfxint62/include/chartfx.asp.core.inc" --> 첫번째차트 :<br br> <% ' 객체생성 Dim Chart1 Set Chart1 = Server.CreateObject("ChartFX.ASP.Server") ") ' 차트종류변경 Chart1.Gallery = Gallery_Lines ' 배경색상변경 Chart1.BackColor = RGB(102,153,255) ' 마커모양변경 Chart1.MarkerShape = MarkerShape_Rect ' 차트생성폭은 500 높이는 350 %> <%= Chart1.GetHtmlTag(500,350) %>

Gallery Types 개요 Chart 객체와 Series객체의 Gallery속성을이용하여차트종류를설정 지원되는차트종류 Area, Bar, Bubble, Candle Stick, Contour, Cube, Curve, Curve Area, Doughnut, Gantt, HiLowClose, Lines, OpenHiLowClose, Pareto, Pie, Pyramid, Radar, Scatter, Step, Surface 확장팩 (Internet 6.2버전용은출시예정 ) 을이용하면통계용차트를비롯한더많은차트구현이가능합니다.

Gallery Types 지원되는차트형태들 http://www.softwarefx.com/sfxgallery/showall.aspx

Gallery Types Gantt 예제 <!-- #include virtual="/chartfxint62/include/chartfx.asp.core.inc" --> <!-- #include virtual="/chartfxint62/include/chartfx.asp.borders.inc" --> <!-- #include virtual="/chartfxint62/include/chartfx.asp.data.inc" --> <!-- #include virtual="/chartfxint62/include/chartfx.asp.annotation.inc" inc" --> <% ' 객체생성 Dim Chart1 Set Chart1 = Server.CreateObject("ChartFX.ASP.Server") ") Chart1.Gallery = Gallery_Gantt 차트생성 Chart1.OpenData COD_Values,, 1, 9 Chart1.OpenData COD_IniValues,, 1, 9 초기값은 IniValue 로 Chart1.IniValue(0, 0) = 5 Chart1.Value(0, 0) = 25 차트범례 ( 레전드 ) Chart1.Legend(0) = "Act. 1" Chart1.CloseData COD_IniValues Chart1.CloseData COD_Values 'Looks better with borders Chart1.Border = True ' Generate a chart of 450x280 pixels Response.Write Chart1.GetHtmlTag(450,280,"image") %>

Gallery Types Bubble 풍선예제 Set Chart1 = Server.CreateObject("ChartFX.ASP.Server") ") 버블차트로설정 Chart1.Gallery = Gallery_Bubble 데이터전달 버블은 1개의차트를생성하기위해 2개의시리즈를사용합니다. Chart1.OpenData COD_Values,, 2, 4 Chart1.Value(0, 0) = 70.55 값 Chart1.Value(1, 0) = 77.47 풍선의크기 Chart1.Value(0, 1) = 53.34 Chart1.Value(1, 1) = 45 Chart1.CloseData COD_Values 각포인트마다색상설정 Chart1.Point(0, 0).Color = RGB(106,90,205) Chart1.Point(0, 4).Color = RGB(184,134,11) 부드러운효과주기 Chart1.SmoothFlags = SmoothFlags_Border Or SmoothFlags_Fill Chart1.Chart3D = True

Gallery Types Pie 예제 <!-- #include virtual="/chartfxint62/include/chartfx.asp.core.inc" --> <!-- #include virtual="/chartfxint62/include/chartfx.asp.borders.inc" --> <!-- #include virtual="/chartfxint62/include/chartfx.asp.data.inc" --> <!-- #include virtual="/chartfxint62/include/chartfx.asp.annotation.inc" inc" --> <% ' Create the chart object Dim Chart1 Set Chart1 = Server.CreateObject("ChartFX.ASP.Server") ") 파이설정 Chart1.Gallery = Gallery_Pie Chart1.Chart3D = True Chart1.OpenData COD_Values,, 1, 3 Chart1.Value(0, 0) = 3 Chart1.Value(0, 1) = 89 Chart1.Value(0, 2) = 7 Chart1.CloseData COD_Values Chart1.Point(-1,0).SeparateSlice 1,0).SeparateSlice = 10 Chart1.Point(-1,1).SeparateSlice 1,1).SeparateSlice = 20 Chart1.Point(-1,2).SeparateSlice 1,2).SeparateSlice = 30 Chart1.PointLabels = True ' Generate a chart of 450x280 pixels 'Response.Write Chart1.GetHtmlTag(450,280,"image") Response.Write Chart1.GetHtmlTag(900,560,"image") %>

Gallery Types Scatter 예제 DB데이터이용 DB 의데이터를이용하여차트생성 Dim myselectquery myselectquery = "SELECT * from SampleScatter3" Dim myconnectionstring myconnectionstring = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source=" + (Server.MapPath( Server.MapPath(".")) + " ChartfxSamples.mdb" ChartfxSamples.mdb;" Dim myconnection Set myconnection=server.createobject("adodb.connection Server.CreateObject("ADODB.Connection") ") myconnection.open(myconnectionstring) Dim adapter Dim rs Set rs = myconnection.execute(myselectquery) 'Setting the Chart1 series Chart1.DataType.Item(0) = DataType_NotUsed Chart1.DataType.Item(1) = DataType_Xvalue Chart1.DataType.Item(2) = DataType_Value Chart1.DataType.Item(3) = DataType_Value Chart1.DataType.Item(4) = DataType_Value 첫번째컬럼은사용하지않는다. 두번재컬럼은 X값 세번재컬럼음값 Chart1.DataSource = rs 분산차트로세팅 Chart1.Gallery = Gallery_Scatter Chart1.MarkerSize = 4

Gallery Types OpenHiLowClose 예제 DB 'Populating the Chart from database Dim myselectquery myselectquery = "SELECT Date,ToOpen,High,Low,Closed From SampleFinancial4" 1개의 OpenHiLowClose 차트를그리기위해서는 4개의시리즈가사용됩니다. Chart1.AxisX.LabelsFormat.Format = AxisFormat_Date Chart1.DataType.Item(0) = DataType_Label Chart1.DataType.Item(1) = DataType_Value Chart1.DataType.Item(2) = DataType_Value Chart1.DataType.Item(3) = DataType_Value Chart1.DataType.Item(4) = DataType_Value Chart1.DataSource = rs Chart1.Gallery = Gallery_OpenHiLowClose Chart1.AxisY.Min = 40 Chart1.Volume = 100 ' Generate a chart of 450x280 pixels Response.Write Chart1.GetHtmlTag(450,280,"image") %>

Gallery Types Surface 예제 DB ' 자연스러운데이터전달을위해삼각함수사용 3차원차트의경우시리즈가깊이방향이되고값을 z축방향이됩니다. Chart1.OpenData COD_Values,, 20, 20 For i = 0 To 19 Chart1.Series(i).Legend = CStr(i) For j = 0 To 19 Chart1.Value(i, j) = (Sin(((((CDbl((i( * 2))) * 3.1416)) / 19))) * (Cos(((((CDbl((((j( + 5)) * 2))) * 3.1416)) / 19))) * 100 Next Next Chart1.CloseData COD_Values ' 3D 설정적당한각도로기울여서보이도록합니다. Chart1.View3DDepth = 60 Chart1.AngleX = 20 Chart1.AngleY = 35 Chart1.View3D = True Chart1.Chart3D = True Chart1.Gallery = Gallery_Surface Chart1.UserLegendBoxObj.AutoContourLabels = True 등고선라벨 (ContourLabel) 자동설정옵션수동으로도설정이가능하다.

Gallery Types Combination 예제 Chart1.OpenData COD_Values,, 2, 5 Chart1.Value(0, 0) = 0.5 Chart1.Value(0, 1) = 0.75 Chart1.Value(1, 4) = 533988 Chart1.CloseData COD_Values Dim series Set series = Chart1.Series(0) 시리즈의갤러리속성을이용하여설정 series.gallery = Gallery_Lines series.yaxis = YAxis_Secondary Set series = Chart1.Series(1) series.gallery = Gallery_Bar Dim axis Set axis = Chart1.AxisY2 axis.min = 0.5 axis.max = 1 axis.step = 0.05 axis.visible = True Chart1.AxisY.Gridlines = True Chart1.AxisY.ScaleUnit = 1000

값전달 API 를이용한데이터전달 가장기본적인형태 OpenData, CloseData 로채널을설정 Value 속성을이용하여전달 포인트의숫자를모를경우 COD_Unknown 축의스케일은기본적으로는자동 줄어들거나다시설정할필요가있을경우재설정가능 포인트숨기기 값대신 Chart_Hidden 상수를대입하면해당포인트를숨길수있다. 이미있는값을수정 COD_Unchange 를채널오픈시시리즈와포인트적는부분에사용

값전달 DataBase DataSource속성으로레코드셋전달 컬럼의사용형태는 DataType으로설정 Ex: DataType(0) = DataType_Label 배열, 컬렉션 텍스트파일 XML 값, 속성 CrossTab

축설정 6.2 버전에서는축의개수제한이없어짐 AxisX, AxisY, Axis 객체 자주사용되는 X 축과 Y 축은속성으로제공 Axis 객체를새로생성하면다중축구현이가능 범위설정 Min, Max, Step 속성이용 RecalcScale: 범위재계산

축설정 Axis Formatting 미리정의된형태 공학, 퍼센트, 날짜형등... 사용자정의 Ex: Ddd-mm-yy 로그스케일 10, 100, 1000 와같이로그스케일로증가 Chart1.AxisY.LogBase = 10 과같이 base설정 시간이나날짜형태설정시 Min, Max 사용 Axis.min = CDbl(DateSerial(2002,2,20)) Axis.max = CDbl(DateSerial(2002,3,10)) Axis.Step = 10 10일간격 Axis.Step = CDbl(1 / 24) 1시간간격

축설정 Axis Labeling Categorical Axis: 일반적인 X 축 Label 속성을이용하여지정 Label(0) = 1 분기 LabelValue 와 Step 을이용하여지정 LabelAngle: 라벨을원하는각도로회전 2 줄이교차된형태라벨구현 Style = Axis.Style Or AxisStyle_Show2Levels Numerical Axis( 일반적인 Y 축 ) 에사용자정의라벨구현 Label 속성과 LabelValue 속성을이용하여설정

축설정 스크롤 데이터가많을경우스크롤기능사용가능 SetScrollView: 초기스크롤위치설정 PixPerUnit: 마크하나가차지할크기 ( 픽셀 ) 출력형태는 ActiveX 나.NET 이어야동작함 Grid Line 과 Tick 마크 ( 보조선, 눈금 ) TickMark: 틱마크형태 Grid 객체 : 색상, 선스타일, MinorGrid, MinorTickMark: 보조선, 보조눈금 Interlace: 교차색상설정 다중축 다중판 (Multiple Pane) AxisSection

축설정 다중축예제 Chart1.OpenData COD_Values,, 3, 5 Chart1.Value(0, 0) = 0.5 Chart1.Value(1, 0) = 232815 Chart1.Value(2, 0) = 100 Chart1.CloseData COD_Values 시리즈별차트타입지정 1 st 시리즈는 0.5 에서 1사이의값을지님 2 nd 시리즈는 20 만에서 60 만정도의범위 3 rd 시리즈는 100 에서 300 범위 Dim series Set series = Chart1.Series(1): series.gallery = Gallery_Bar Dim axis Set axis = Chart1.Axis(1) axis.visible = True: axis.min = 0.5: axis.step = 0.05:axis.Max = 1 axis.textcolor = RGB(0,0,255): axis.grid.color = RGB(0,0,255) ' 1 번인덱스는 2번째 Y축을의미합니다. Set axis = Chart1.Axis(3) axis.visible = True: axis.min = 100: axis.max = 300: axis.textcolor = RGB(255,0,0) axis.grid.color = RGB(255,0,0) 시리즈별로사용할축을지정 Set series = Chart1.Series(0): series.gallery = Gallery_Area: series.yaxis = 1 Set series = Chart1.Series(2): series.gallery = Gallery_Lines: series.yaxis = 3

축설정 Axis Section 예제 Chart1.Gallery = Gallery_Scatter Chart1.Palette = "Nature.Sky" Nature.Sky 차트종류분산차트로 팔레트지정하여색상선택 ' 첫번째 Axis Section 설정 Dim section1 Set section1 = Chart1.AxisX.Sections(0) section1.from = 4 section1.to = 10 section1.fontstyle = FontStyle_Bold Or FontStyle_Italic section1.gridlines = True section1.textcolor = RGB(138,43,226) section1.backcolor = CHART_ARGB(32,138,43,226) section1.grid.style = DashStyle_DashDot ' 2 번째 Axis Section 설정 Dim section2 Set section2 = Chart1.AxisX.Sections(1) section2.from = 14 section2.to = 22 section2.fontstyle = FontStyle_Bold Or FontStyle_Italic section2.gridlines = True section2.textcolor = RGB(255,0,0) section2.backcolor = CHART_ARGB(32,255,0,0) section2.grid.color = section2.textcolor section2.grid.width = 2

라벨설정 API 를이용한라벨설정 Axis 객체의 Label 멤버와관련속성이용 LabelAngle: 라벨회전 TextColor, Font 등으로글꼴관련설정 KeyLeg 속성 : X-Axis 에 Legend 를지정할때 January, February 등으로하면너무축에표기하기에는너무길어지기때문에 KeyLeg 속성을이용실제표기될 Jan, Feb 으로지정 시리즈레전드 시리즈객체의 Legend 혹은 SerLeg 속성이용 SerKey: KeyLeg 와비슷한기능 3 차원차트나 Surface 차트이용시유용. 스마트라벨 / 데이터기반라벨 X 축이날짜나, 시간일경우설정된데이터에의해라벨이자동으로표기됨 날짜나시간의경우차트의크기에따라서적절한형태로보여짐 년, 반기, 분기, 달, 주, 일

라벨설정 API 를이용한라벨설정 Axis 객체의 Label 멤버와관련속성이용 LabelAngle: 라벨회전 TextColor, Font 등으로글꼴관련설정 KeyLeg 속성 : X-Axis 에 Legend 를지정할때 January, February 등으로하면너무축에표기하기에는너무길어지기때문에 KeyLeg 속성을이용실제표기될 Jan, Feb 으로지정 시리즈레전드 시리즈객체의 Legend 혹은 SerLeg 속성이용 SerKey: KeyLeg 와비슷한기능 3 차원차트나 Surface 차트이용시유용. 스마트라벨 / 데이터기반라벨 X 축이날짜나, 시간일경우설정된데이터에의해라벨이자동으로표기됨 날짜나시간의경우차트의크기에따라서적절한형태로보여짐 년, 반기, 분기, 달, 주, 일

라벨설정 스마트라벨

라벨설정 Custom (Double) Label 예제 Set axis3 = Chart1.Axis(3) axis3.yaxis = False X축으로사용 axis3.min = 0 axis3.max = 9 axis3.position = AxisPosition_Near axis3.labelsformat.decimals = 0 axis3.step = 4 axis3.style = axis3.style Or AxisStyle_Centered axis3.label(3) = "Group1 라벨설정 axis3.label(5) = "Group2" axis3.label(9) = "Group3" axis3.line.color = RGB(255,255,0) axis3.grid.color = RGB(255,255,0) 사용자정의 Step 설정 Dim customsteps(2) customsteps(0) = 3 customsteps(1) = 2 customsteps(2) = 4 axis3.customsteps = customsteps

라벨설정 DataDriven Label 예제 날짜형세팅 Chart1.AxisX.LabelsFormat.Format = AxisFormat_Date ' 차트구현 2002 년 1월 1일부터 912 일간 Dim dt dt = DateSerial(2002,1,1) Chart1.AxisX.LabelAngle = 90 Dim ndays ndays = 912 ' 2 and a half years Chart1.OpenData COD_Values,, 1, ndays Chart1.OpenData COD_XValues,, 1, ndays Dim j j = 0 For j = 0 To (ndays( - 1) Chart1.Value(0, j) = (Rnd( Rnd()) * 100 Chart1.XValue(0, j) = CDbl(DateAdd("d",CDbl(j),dt)) )) Next Chart1.CloseData COD_Values Chart1.CloseData COD_XValues '

라벨설정 짧은라벨예제 기본포인트의숫자를 3개로값은설정하지않으면랜덤데이터 Chart1.NValues = 3 Chart1.Legend(0) = "January" Chart1.Legend(1) = "February" Chart1.Legend(2) = "March" ' ChartFX will use the keyleg instead of the legend KeyLeg 속성을이용하여짧은라벨설정 Chart1.KeyLeg(0) = "Jan" Chart1.KeyLeg(1) = "Feb" Chart1.KeyLeg(2) = "Mar" Chart1.LegendBox = True ' Generate a chart of 450x280 pixels Response.Write Chart1.GetHtmlTag(450,280,"image") %>

타이틀설정 차트타이틀 6.2 버전에서는여러개의타이틀지원 TitleDockable 객체를이용원하는위치설정 Title 객체를이용하여폰트및정렬등다양한설정 Font, Text, TextColor, Alignment Axis 타이틀 축마다타이틀지정가능하여타이틀에서제공되는모든속성사용가능 기본적으로는차트의타이틀객체와동일 VBCrLf 와같은줄바꿈문자열을이용하여 2 줄타이틀작성가능

타이틀설정 머리말과꼬리말설정 상단타이틀설정 Dim title Set title = Chart1.Titles(0) title.alignment = StringAlignment_Center 가운데정렬 title.font.name = "Times New Roman 폰트설정 title.font.size = 14 폰트크기 title.font.bold = true 굵게 title.text = "PRODUCT SALES 타이틀내용 title.textcolor = RGB(165,42,42) 타이틀색상 Set title = Chart1.Titles(1) title.alignment = StringAlignment_Center title.font.name = "Times New Roman" title.font.size = 12 title.font.bold = true title.text = "By Region. Q2-2001" 2001" title.textcolor = RGB(0,0,0) Set title = Chart1.Titles(2) title.alignment = StringAlignment_Far title.font.name = "Times New Roman" title.font.size = 9 title.font.italic = true title.text = "Chart created by John Doe" title.textcolor = RGB(0,0,0) title.dockarea = DockArea_Bottom title.gap = 10

시각적효과 Coloring Markers: 마커별색상 Point(0,0).Color = 색상 시리즈색상설정 Series(0).Color = 색상 폰트 축, 타이틀등의폰트속성이용지정 그림으로마커설정 Series(0).Picture = 이미지경로

시각적효과 Color Palette: 정의된색상표 Default Windows, Nature.Sky 등의미리정의된색상표를이용하여쉽게차트의전체색상을구현하고통일된인터페이스를만들수있다. 테두리 제공되는다양한이미지테두리를이용하면깔끔한이미지의차트쉽게구현 그라디언트 차트전체, 혹은막대내부에그라디언트효과구현가능 투명효과 차트전체, 혹은막대를투명이나반투명으로설정할수있습니다. 배경그림이나다른시리즈에가려지는경우유용

범례 (Legend) Series Legend 시리즈범례 SerLegBoxObj 객체를이용하여시리즈범례상자설정 Points Legend 포인트범례 Pie 등의차트에서유용 LegendBoxObj 객체를이용하여범례상자관련설정 UserLegendBox: 사용자정의범례상자 사용자정의범례를지원 : 어떤조건에따른범례지정가능 Surface, Contour 차트에서값에따른색상범례

범례 (Legend) External Border ( 범례상자분리 ) 이미지테두리설정 Dim myborder Set myborder = Server.CreateObject("ChartFX.ASP.ImageBorder") ") myborder.type = ImageBorderType_Emboss Chart1.BackColor = RGB(245,245,220) Chart1.BorderObject = myborder ' In this case we are hardcoding the labels ' but it would be the same if the labels are retrieved from the database Chart1.SerLeg(0) = "ChartFX" ChartFX" Chart1.SerLeg(1) = "ReportFX" ReportFX" ' 시리즈범례상자를보임 Chart1.SerLegBox = True 시리즈범례상자테두리를 External 로설정 Chart1.SerLegBoxObj.ToolBorder = ToolBorder_External ' Generate a chart of 450x280 pixels Response.Write Chart1.GetHtmlTag(450,280,"image") %>

범례 (Legend) UserLegendBox 예제 사용자정의범례상자설정 Chart1.UserLegendBox = True Dim userlegendboxitem Set userlegendboxitem = Chart1.UserLegendBoxObj.Item(0) userlegendboxitem.label = "Warning" userlegendboxitem.color = RGB(255,0,0) userlegendboxitem.markershape = MarkerShape_Rect userlegendboxitem.bordereffect = BorderEffect_None userlegendboxitem.bordercolor = RGB(0,0,0) Set userlegendboxitem = Chart1.UserLegendBoxObj.Item(1) userlegendboxitem.label = "Caution" userlegendboxitem.color = RGB(255,255,0) userlegendboxitem.markershape = MarkerShape_Rect userlegendboxitem.bordereffect = BorderEffect_None userlegendboxitem.bordercolor = RGB(0,0,0) Set userlegendboxitem = Chart1.UserLegendBoxObj.Item(2) userlegendboxitem.label = "Normal" userlegendboxitem.color = RGB(0,128,0) userlegendboxitem.markershape = MarkerShape_Rect userlegendboxitem.bordereffect = BorderEffect_None userlegendboxitem.bordercolor = RGB(0,0,0)

데이터분석 Highlighting 기능 Mouse Over 시 Highlighting 관련축, 범례, DataEditor 를같이하이라이팅 HighlightSettings 등의객체를이용하여사용자정의가능 상수선과상수띠 (Constant Line & Stripes) 어떤값을기준으로상수선과띠 ( 영역 ) 을설정할수있다. 조건설정 : Conditional Attributes 어떤조건에따라서마커의모양이나해당영역의색상을지정할수있다. Axis Section 축의일정영역의색상, 그리드라인, 라벨폰트등을설정하여가독성을높인다.

데이터분석 Conditional Attributes 예제 ' 조건설정 Dim condition1 Set condition1 = Chart1.ConditionalAttributes(0) condition1.color = RGB(128,128,128) condition1.markersize = 5 condition1.markershape = MarkerShape_Circle condition1.condition.to = 20 20 까지 condition1.condition.toopen = True 경계선포함여부 condition1.legend = "Underqualified" Underqualified 사용자정의레전드에보여질범례 Dim condition2 Set condition2 = Chart1.ConditionalAttributes(1) condition2.color = RGB(255,0,0) condition2.markersize = 5 condition2.markershape = MarkerShape_Triangle condition2.condition.from = 80 condition2.legend = "Overqualified" Dim constant1 상수선설정 Set constant1 = Chart1.ConstantLines(0) constant1.value = 20 constant1.color = RGB(128,128,128) Dim constant2 Set constant2 = Chart1.ConstantLines(1) constant2.value = 80 constant2.textcolor = RGB(255,0,0) Chart1.UserLegendBox = True 사용자정의레전드범례보임 Chart1.ConditionalAttributes.RefreshLegend

인테넷관련사항 설치폴더 Download: Client 컴포넌트 Temp: Chart 이미지및데이터파일 ChartFX.Internet.Config Chart FX 관련경로, 출력방식설정파일 출력형태 ActiveX: 툴바를포함한 Chart 의모든기능제공.NET:.NET 컨트롤차트의모든기능제공되지만,.NET Framework 이필요하고경우에따라권한설정이요구됨 PNG, JPEG: 이미지 Flash, SVG: 벡터그래픽 Bit Stream 출력 임시파일을생성하지않고바로 Stream 형태로출력 GetHtmlData 메서드사용 성능향상효과, WebFarm 인경우필요 DrillDown 기능 PNG 나 JPEG 등이미지로출력하는경우라도 Image Map 태그를자동으로설정하여 DrillDown 기능이구현됨 시리즈별포인트별기타다양한조건으로드릴다운기능구현가능

인테넷관련사항 임시파일제거 Util 폴더내 SfxRemove 를사용 예약된작업에등록하여주기적으로삭제가능 Temp: Chart 이미지및데이터파일 성능에영향을주는요소 크기 : 차트의크기는작을수록빠름 압축율 : PNG 출력시압축율설정가능 너무높으면압축시불리 너무낮으면파일사이즈가커서전송시불리 출력형태 : 대체적으로 Viewer 가필요한형태 (SVG, Flash, ) 등이유리 차트출력방식 : GetHtmlData 형태가요청횟수를줄일수있어서유리 Chart FX 관련경로, 출력방식설정파일 WebFarm( 로드밸런싱 ) 형태사용시주의사항 GetHtmlTag 로출력시차트를가져오는데실패할수있음

인테넷관련사항 가져오기내보내기 Chart를파일로저장하거나저장된파일로부터가져오는기능 파일형태 이진파일, XML, Text, Bitmap, PNG

연락처 http://www.yessdata.com TEL: 02-567-9169 Fax : 02-567-9170 E-Mail: sales@yessdata.com ( 구매관련 ) support@yessdata.com ( 일반적인문의는아래 Club 을이용 ) Club: http://www.yessdata.com 의 Chart FX 클럽이용 Chart FX 담당자영업 : 윤종경과장기술 : 김영호대리