chart fx for java을 이용한charting...
TRANSCRIPT
Chart FX for JAVA을이용한 Charting 프로그램Chart FX for JAVA을이용한 Charting 프로그램
㈜예쓰월드(YESSData.com)소프트웨어 사업부기술지원 팀
2005. 02. 02
AgendaAgenda
회사소개
Chart FX for JAVA 소개
Chart FX for JAVA의 API (데모)
그외
Contact Us
YESSWorldYESSWorld개발용 소프트웨어를 전문적으로 공급
Chart FX for JAVA : 대표적인 자바 차트 컴포넌트
Resin : 가장 빠른 Java WAS
JProbe : Java 포퍼먼스 튜닝
JClass : 그리드, 리포팅 …
InstallAnywhere : 자바 인스톨러
FormulaOne for JAVA : 자바용 Excel 클라이언트 컴포넌트
ExcelWriter : 자바용 Excel 서버 컴포넌트
IP*Works : 자바 통신 컴포넌트
JSuite : 자바 GUI 컴포넌트
SourceInsight : 자바 소스 분석 및 개발
MCP/MSP 파트너로서 MS기반 솔루션 및 제품 판매
Software FXSoftware FX
1993년 설립
재사용 가능한 시각적인 컴포넌트에 대한 요구가 시장에서 나타남에 따라 설립됨
설립 후 현재까지 전 세계 Chart 컴포넌트 분야를 선도하고 있습니다.
가장 강력하고, 사용하기 쉬운, 데이터 표현솔루션을 개발자에게 제공한다는 철학을 가진 기업입니다.
자매제품자매제품Chart FX for .NET
Chart FX Internet
Chart FX Client Server
Chart FX Delphi
Pocket Chart FX
Chart FX Studio
Chart FX ExtensionChart FX Financial
Chart FX Statistical
Chart FX OLAP
Chart FX Real-Time
Chart FX for JAVA 소 개Chart FX for JAVA 소 개
JAVA 버전 특징JAVA 버전 특징
기존 COM버전 보다 유연하다.다중 축의 개수 제한이 없음
강화된 UI – 그라디언트, 안티앨리어싱…
강력한 마법사 기능과 편리한 도움말
다양한 출력형태Image, SVG, Flash, .NET Control
순수한 JAVA 컴포넌트
제 품 구 성제 품 구 성Server Component (JSP/Servlet)
Client Component (.NET Control)
Designer (Templates)
DesignerDesignerDesigner
Chart FX for JAVA의 도움말Chart FX for JAVA의 도움말
Chart FX for JAVA의 APIChart FX for JAVA의 API
Chart 생성하기Chart 생성하기
import SoftwareFX.ChartFX.*;
ChartServer chart1 = new ChartServer(application,request,response );
chart1.getHtmlTag("400","240","PNG");
Gallery TypesGallery Types
Axis ChartsLines, Bar, Curve, Scatter, Area, Step, OpenHiLowClose …
Non-axisPie, Radar, Polar, Doughnut…
Chart와 Series의 Gallery 속성 사용chart1.setGallery(Gallery.GANTT);
series.setGallery(Gallery.LINES);
GanttGantt
chart1.openData(COD.VALUES, 1, 9);chart1.openData(COD.INI_VALUES, 1, 9);chart1.setIniValue(0, 0,5);chart1.setValue(0, 0,25);chart1.setLegend(0,"Act. 1");:
BubbleBubble
2가지 값을 동시에 표현Y값, 풍선의 크기
chart1.setValue(0, j, dY) //Bubble Y Value
chart1.setValue(1, j, dSize) //Bubble Size
XY BubbleX, Y, 풍선의 크기
chart1.setValue(0, j, dY) //Bubble Y Value
chart1.setXValue(0, j, dX) //Bubble X Value
chart1.setValue(1, j, dSize) //Bubble Size
BubbleBubble
DoughnutDoughnut
chart1.setGallery(Gallery.DOUGHNUT);chart1.setChart3D(true);chart1.setPointLabels(true);chart1.getPoint(2).setSeparateSlice((short) 35);
XY Plot - ScatterXY Plot - Scatter
chart1.setGallery(Gallery.SCATTER);chart1.openData(COD.VALUES, 2, 10);chart1.openData(COD.XVALUES, 2, 10);chart1.setXValue(0, 0, -0.86);chart1.setValue(0, 0, -0.41);
OpenHiLowCloseOpenHiLowClose
TextProvider txtProvider = new TextProvider(application.getRealPath("/data/openhighlowclosedata.txt")); //TextProvider에 대한 설명
chart1.setDataType(0, DataType.LABEL);chart1.setDataType(1, DataType.VALUE);chart1.setDataType(2, DataType.VALUE);chart1.setDataType(3, DataType.VALUE);chart1.setDataType(4, DataType.VALUE);chart1.setDataSource(txtProvider);
chart1.setGallery(Gallery.OPENHILOWCLOSE);chart1.setVolume((short) 100);
OpenHiLowCloseOpenHiLowClose
Surface & ContourSurface & Contour
Series와 Point, 값을 이용하여 표현 (more)
Surface & ContourSurface & Contour
CombinationCombination
전체 설정chart1.setGallery(Gallery.AREA);시리즈별 설정chart1.getSeries(0).setGallery(Gallery.AREA);SeriesAttributes series = chart1.getSeries(1); series.setGallery(Gallery.LINES); series.setMarkerShape(MarkerShape.NONE); series = chart1.getSeries(2); series.setGallery(Gallery.LINES);
데이터 전달데이터 전달
다양한 형태의 데이터 지원API
Database
Text
XML
Arrays & Collections
Crosstab (아직 불가)
API를 이용한 전달API를 이용한 전달
setValue속성을 이용하여 전달chart1.setValue(1,2,40);Value속성은 OpenData와 CloseData 메서드 사이에서사용
Points의 개수를 모를때chart1.openData(COD.VALUES, 1, COD.UNKNOWN);
축 재설정(Axis.) setAutoScale(boolean value)(Aixs.) resetScale()
Hidden Pointschart1.setValue(0, 3, Chart.HIDDEN);
기존값의 변경chart1.openData(COD.VALUES, COD.UNCHANGE
, COD.UNCHANGE);
DatabaseDatabase
JDBCDataProvider provider = new JDBCDataProvider(ResultSet);
chart1.setDataType(0,DataType.LABEL);chart1.setDataType(1,DataType.VALUE);chart1.setDataType(2,DataType.VALUE);
chart1.getAxisX().getLabelsFormat().setFormat(AxisFormat.DATE);
chart1.setDataSource(provider);
Text FilesText Files
//Create TextProviderTextProvider txtProvider = new TextProvider(application.ge
tRealPath("/data/rangebanddata.txt"));
//Setting chart1 collumns data typechart1.setDataType(0, DataType.LABEL);chart1.setDataType(1, DataType.NOT_USED);chart1.setDataType(2, DataType.NOT_USED);chart1.setDataType(3, DataType.INIVALUE); chart1.setDataType(4, DataType.VALUE);chart1.setDataType(5, DataType.VALUE);chart1.setDataType(6, DataType.VALUE);
chart1.setDataSource(txtProvider);
XMLXML
XMLProvider sfxXml = new XMLProvider();
sfxXml.load(XML파일위치);
chart1.setDataSource(sfxXml);
Collection & ArraysCollection & Arrays
ListProvider lstProvider = new ListProvider();
lstProvider.add(labels);
lstProvider.add(arrVals[0]);
lstProvider.add(arrVals[1]);
chart1.setDataSource(lstProvider);
Axis HandlingAxis Handling
Scaling
Formatting
Labeling
Scrolling
Multiple Axes
Gridlines & Tickmarks
ScalingScaling
/*****************************************/chart1.getAxisY().setAutoScale(false);/*****************************************/
boolean b2ND;if(b2ND=true){
//데이타 변동chart1.openData(COD.VALUES, COD.UNCHANGE, COD.UNCHANGE);
chart1.setValue(0, 5, 150);chart1.setValue(1, 10, 250);
chart1.closeData(COD.VALUES);}
/*****************************************/boolean bRecalc;if(bRecalc=true)
chart1.recalcScale();/*****************************************/
LogBaseLogBase
FormattingFormatting
Axis axis=chart1.getAxisY();
Pre-Definedaxis.getLabelsFormat().setFormat(AxisFormat.SCIENTIFIC);
User-Definedaxis.getLabelsFormat().setCustomFormat("mm/dd/yy");
"$#,##0;($#,##0)“txtProvider.setDateFormat("M/d/yyyy");
Logarithmic Scalesaxis.setLogBase((short) 10);
Manipulating Dates and TimesAxis axis = chart1.getAxisX();axis.getLabelsFormat().setFormat(AxisFormat.TIME);axis.setMin(0);axis.setMax(2);axis.setStep(1/24);
LabelingLabeling
//the interval between 2 consecutive tickmarks is equal to 10chart1.getAxisY().setLabelValue((short) 10);
//assign each labelfor (int i=0;i<=9;i++)
chart1.getAxisY().setLabel(i, "레이블 " + i);
//set the text color of the y axis labelschart1.getAxisY().setTextColor(new Color(255,0,0));
//set the font properties for the y axis labelschart1.getAxisY().setFont( new Font("굴림", Font.BOLD, 14));
chart1.getAxisY().setLabelAngle((short) 30);
ScrollingScrolling
chart1.setScrollable(true);
chart1.getAxisX().setScrollView(20,60);
chart1.getAxisY().setScrollView(30, 70);
chart1.getHtmlTag("450","280",".NET")
Multiple AxesMultiple Axes
SeriesAttributes series1 = chart1.getSeries(1);
series1.setYAxis(YAxis.SECONDARY);
Axis axis = chart1.getAxis((int) YAxis.SECONDARY);
axis.setVisible(true);
Axis axis2 = chart1.getAxis(3);
axis2.setVisible(true);
Gridlines & TickmarksGridlines & Tickmarks
axis.setStep((short) 20);
axis.setGridlines(true);
axis.getGrid().setColor(new Color(135, 206, 250));
axis.setMinorStep((short) 5);
axis.getMinorGrid().setColor(new Color(255, 0, 0));
axis.setMinorTickMark(TickMark.OUTSIDE);
axis.setStyle(axis.getStyle() | AxisStyle.INTERLACED);
포인트별 속성 주기포인트별 속성 주기
Basic
chart1.getPoint(0,3).setColor(Color.red);
Advanced
for (int i=0;i<totSeries;i++)
for (int j=0;j<totValues;j++)
if (chart1.getValue(i,j) >= myLimit[i][0]) {
chart1.getPoint(i, j).setColor(myColor[i][0]);
}else if(chart1.getValue(i,j) < myLimit[i][1]){
chart1.getPoint(i, j).setColor(myColor[i][1]);
}
Import & ExportImport & Export
Export
chart1.exportChart(FileFormat.BINARY, Filename/Stream);
FileMask
chart1.setFileMask(chart1.getFileMask()
| FileMask.ALL ^ FileMask.TITLES);
Import
chart1.importChart(FileFormat.BINARY, 바이너리 파일명);
Import from Designer
chart1.importChart(FileFormat.XML, XML 위치));
Legends & LabelsLegends & Labels
Series Legend
Point Legend
User Legend
Marker Labels
Custom Marker Labels
Double Labeling
SerLeg & SerKey
Series LegendSeries Legend// In this case we are hardcoding the labels// but it would be the same if the labels are retrieved from the database
chart1.setSerLeg(0, "ChartFX");chart1.setSerLeg(1, "ReportFX");
// Show the Series Legend Window
chart1.setSerLegBox(true);
chart1.getSerLegBoxObj().setToolBorder(ToolBorder.EXTERNAL);
//Emboss, Embed, SolidLines, Colonial, ArchThick, Open, SolidRivet, Slide
ImageBorder myBorder = new ImageBorder(ImageBorderType.EMBOSS);
chart1.setBorderObject(myBorder);
Point LegendPoint Legendchart1.setLegendBox(true);chart1.getLegendBoxObj().setDocked(
Docked.LEFT);chart1.getLegendBoxObj().setAlignment(
ToolAlignment.FAR);chart1.setLegend(0,"January");chart1.setLegend(1,"February");chart1.setLegend(2,"March");chart1.setLegend(3,"April");chart1.setLegend(4,"May");
chart1.setDataEditor(true);chart1.getDataEditorObj().setDocked(
Docked.BOTTOM);
User LegendUser Legend
// Configure user legend for special pointsString strLegend[]={"Too High", "Normal", "Too Low"};UserLegendBoxItem userLegItem;
for (int i=0;i<3;i++) {userLegItem =
chart1.getUserLegendBoxObj().getItem(i);userLegItem.setLabel(strLegend[i]);userLegItem.setColor(myColor[0][i]);userLegItem.setMarkerShape(MarkerShape.RECT);userLegItem.setBorderEffect(BorderEffect.NONE);
}chart1.setUserLegendBox(true);
Legend Box 크기 고정Legend Box 크기 고정
설명 취소 : 나중에 나옴
Marker LabelsMarker Labels
SeriesAttributes series = chart1.getSeries(0);series.setPointLabels(true);series.setPointLabelAngle((short) 90);series.setPointLabelAlign(
LabelAlign.RIGHT | LabelAlign.VCENTER);series.setColor(new Color(255, 255, 0));
Custom Marker LabelsCustom Marker Labels
chart1.setPointLabelMask(
"I represent the " + "%p" + "%%"
+ "₩n" + "of " + "%t" + " on " + "%l");
chart1.setPointLabels(true);
chart1.setLegend(0, "Jan");
chart1.setLegend(1, "Feb");
chart1.setLegend(2, "Mar");
Double LabelingDouble Labeling
Axis axis3 = chart1.getAxis(3);axis3.setYAxis(false);axis3.setMin((short) 0);axis3.setMax((short) 9);axis3.setStyle(axis3.getStyle() | AxisStyle.CENTERED);axis3.setLabel(3, "Group 1");axis3.setLabel(5, "Group 2");axis3.setLabel(9, "Group 3");axis3.getLine().setColor(new Color(255, 255, 0)); axis3.getGrid().setColor(new Color(255, 255, 0)); axis3.setCustomSteps(new double[] { 3, 2, 4 });
SerLeg & SerKeySerLeg & SerKey
chart1.openData(COD.VALUES,5,6);for (int i=0;i<5;i++)
for (int j=0;j<6;j++) { chart1.setValue(i, j, Math.random() * 100); chart1.setSerLeg(i, "S" + (i+1)); chart1.setSerKey(i, "S" + (i+1));
}chart1.closeData(COD.VALUES);
chart1.setCluster(true);chart1.setChart3D(true);chart1.setSerLegBox(true);
그 외 팁그 외 팁
Headless EnvironmentHeadless EnvironmentJDK 1.4, XVFB, Exceed on Demand
Cross-Hair & ClientScriptCross-Hair & ClientScript
Cross-Hair마우스를 차트에 대고 왼쪽 버튼을 누르면, 마무스 초점을 중심으로 십자형의 중심선이 나타나서, 값의 비교를 비교적 쉽게 한다.
관련 메소드 (Live / Edit)(Chart.)setCrossHairs(boolean value)
(Chart.)setTypeEx(int value)
(Chart.)isCrossHairs()
ClientScript (JavaScript / VBScript)Chart FX for .NET 예제를 참조하는 것이 좋다.
Gantt-StackingGantt-Stacking
40일 (Live / Edit)
분기별 (Live / Edit)
범례박스 크기의 고정범례박스 크기의 고정범례박스의 크기는 입력되는 범례의 폰트크기, 길이등에 의해서 자동으로 조절된다.미관상의 이유로, 범례박스의 크기를 고정시켜야할 경우도 있을 수 있다.관련 메소드 (Live / Edit)
(UserLegendBox.)setWidth(int);//Docked.LEFT 또는 Docked.RIGHT인 경우에만
(UserLegendBox.)setHeight(int);//Docked.TOP 또는 Docked.BOTTOM인 경우에만
(UserLegendBox.)setDocked(int);(UserLegendBox.)setAutoSize(boolean);
//default : false
6.0.1734 / 6.0.1605 / 6.0.1465
각종 폰트 퍼짐 현상각종 폰트 퍼짐 현상타이틀용 폰트가 시스템과 관계없이 퍼지는 현상이 발생하는데, 이는 Anti-Aliasing 때문이다.관련 메소드 (Live / Edit)
(Chart.)setSmoothFlags(int value)주의사항글씨의 퍼짐 현상을 개선하기 위해 Anti-Aliasing 기능을 제거한경우, 라인차트의 라인의 계단현상이 심화될 수 있다.
한글 폰트 설정법한글 폰트 설정법
한글 폰트 등록시스템 폰트로 등록 (TTF / TTC)
JVM 폰트로 등록 ($JAVA_HOME/jre/lib/fonts)
폰트 테스트 (Live / Edit)
.NET Framework 다운로드.NET Framework 다운로드
1. Microsoft 사이트에 접속한다.
2. 좌측 메뉴의 Product Resources에서 ‘Downloads’를 선택한다.
3. 좌측 메뉴의 Download Categories에서 ‘Development Resources’를 선택한다.
4. Search for a Download의 Product/Technology (Optional)에서‘.NET’을 선택하고, Keywords(Optional)에 Framework를 입력하고Go를 누른다.
5. 검색된 항목중 ‘.NET Framework Version x.x Redistributable Package’를 선택한다.
6. 다운로드 받기전에, Change Language에서 Korean으로 변경후 Go를 누른다.
7. 한글 페이지로 변경이 되었다면, ‘.NET Framework 버전 x.x 재배포가능 패키지’로 되어있을 것이다. 이제 오른쪽에 위치한 ‘다운로드’버튼을 눌러서 다운로드 한다.
.NET Framework 설정.NET Framework 설정
설정은 한글 Win XP Pro 기준으로시작→설정→제어판→관리 도구→Microsoft .NET Framework 1.1 Microsoft .NET Framework 1.1 구성구성에서 할 수 있다.기본적으로 HTTP : 80 포트는 무리없이 수행되지만, 다른 포트를 사용시에는 별도의 설정이 필요하다.만약 80외의 포트를 사용할 수 밖에 없다면, 클라이언트 마다.. 런타임 보안 정책→컴퓨터→코드 그룹→All_Code→자식 코드 그룹 추가을 통해서 타켓 URL/도메인과 포트를 추가해주고, ‘FullTrust’로 설정해 준다.
버전별 .NET Ctrl 분석버전별 .NET Ctrl 분석
6.0.1734.18542 (Patch / Live / Edit)정상 작동(.NET Ctrl 버전은 6.0.1605와 동일)
6.0.1605.22277 (Patch / Live / Edit)정상 작동 버전
6.0.1465.26138 (Patch / Live / Edit)정상 작동 버전
Designer in JDK 1.3Designer in JDK 1.3
관련조항If you are running J2SE 1.3, you will need to download and install Java API for XML Processing (JAXP). This may require Downloading the Java Web Services Developer Pack 1.x from http://java.sun.com. 하지만, JDK 1.3용 JAXP는 존재하지 않는다.
테스트 결과only JDK 1.3 : 실패
JDK 1.4 : 성공
JDK 1.3 + JAXP : 성공-Xbootclasspath/a:jaxp.jar
jaxp.jar를 –classpath에 추가하면 실패
jaxp.jar는 JDK 1.4가 설치된 머신에서 따로 추출한다.
차트를 작게 만들때 유의점차트를 작게 만들때 유의점
차트가 작게 만들때, 실제 차트 표현 영역을예상 외로 작아진다.
예 Live / Edit
차트의 크기가 작아질때에 보더가 보이면답답해 보일 수 있다.
예 Live / Editchart1.setBorderObject(new DefaultBorder(0));
Contact UsContact Us
E-Mail기술지원 http://www.yessdata.com 의
Club 또는 기술지원영업 [email protected]
전화영업 02)567-9169
홈 페이지국내총판 http://www.yessdata.com제작사 http://www.softwarefx.com제작사 기술정보
http://support.softwarefx.com/cfxjava