1.1 Overview
rMateChart is a flexible Flash-based charting component that is
made in beautiful Seoul, Korea. It allows you to create very attractive looking
charts and provides with the diversified features and interactivities for your
charts. It is a cross-browser and cross-platform charting component
intended for programmers who deal with various programming languages (ASP, JSP,
.NET, PHP etc.) for data visualization projects or own solutions. rMateChart
4.0 offers a wide variety of 2D/3D chart types (about 22 types) and samples. It
also provides you with a fast and easy way to create your own charts. You can
experience the powerful functionalities and attractiveness of rMateChart from
the various samples we made. Please visit our website at http://www.rmate.net.
1.2. System Requirements
- Server : Any data source(MySQL, MS SQL, Oracle etc.), Any development framework(ASP.NET, PHP, JSP, ColudFusion, Ruby on Rails, HTML etc.), Any WAS(Tomcat, IIS, WebLogic, WebSphere, LCDS etc.)
- Client : Abobe Flash Player 9 or higher
1.3 Creating a Chart
<Figure 1: Creating a Chart>
To create your own charts, you have to prepare a layout and data. The layout can be created as an XML file. You can define a type of charts and its colors, axes, labels and so on by using the layout. Please refer to “5.The Layout” for further information. rMateChart supports two types of data. The types can be an XML file or an array object. You can have further information from “3.Data Formats”.
1.4. Installing rMateChart
After downloading a trial verion rMateChart or purchasing a license, you can install it on your web server or your local PC.
Once you extract rMateChart.zip on your local PC or web server, you can see the following directories and files.
- Component : Contains rMateChart components.(13 SWF files)
- Docs : Contains User’s Guide and API for programmers.
- LicenseKey : Contains a license file.
- Samples : Contains rMateChart smples.
- Web : Contains HTML and image files for samples.
Installing rMateChart on Your Web Server :
① Copy all directories and files in rMateChart folder to your web server. You may want to create a folder named rMateChart in your web server and copy all directories and files to the folder.
② You can see the rMateChart gallery by accessing index .html from your web browser.
Installing rMateChart on Your PC :
① The installation process of rMateChart on your PC is almost the same as the process of web server’s. You have to take additional steps to manage the security issues of Flash Player. The following steps must be taken.
Step1. Navigate to the folder.
Windows XP :
..\Application Data\Macromedia\Flash Player\#Security\FlashPlayerTrust
(for example, C:\Documents and Settings\User1\Application Data\
Macromedia\Flash Player\#Security\FlashPlayerTrust)
Vista :
..\AppData\Roaming\Macromedia\Flash Player\#Security\FlashPlayerTrust
(for example, C:\Users\User1\AppData\Roaming\Macromedia\Flash Player\
#Security\FlashPlayerTrust)
Windows7 :
C:\Users\User1\AppData\Roaming\Macromedia\
Flash Player\#Security\FlashPlayerTrust
※ “Application Data“ and “AppData“ are hidden folders. To see those folders with Windows Explorer, check Windows Explorer option, ToolsàFolder OptionsàViewàShow hidden files and folders.
※ You may not have the same folder name with the one of names as listed above. If you don’t have the folder then just create the folder by using the one of the above folder names and proceed to the next step.
Step2. Create rMateChartTrust.cfg in FlashPlayerTrust Folder.
Go to FlashPlayerTrust folder and create rMateChartTrust.cfg.
Step3. Add a line contains the path where rMateChart is installed to rMateChartTrust.cfg.
For example, If you copied rMateChart package to C:\Users\User1\Desktop\rMateChart. Open rMateChartTrust.cfg with Notepad and add the following line and save.
C:\Users\User1\Desktop\rMateChart
<Example 1: Adding the Path to rMateChartTrust.cfg>
If you add the correct path to rMateChartTrust.cfg, Flash Player will trust the folder of rMateChart package. Now any rMateChart component can be run without the issues of Flash Player Security.
② You can see the rMateChart gallery by accessing index.html from your web browser.
1.5. Chart Types
The following table shows all SWF files shipped with rMateChart. It also shows which components should be used to create specific chart types. All SWF files are located in Component folder of the rMateChart package.
SWF File (Component)
|
Chart Type
|
rMateChart.swf
|
Line, Dashed-Line, Column,
Bar, Cylinder, From-To, Area, Pie, Doughnut, Bubble, Plot, Target&Results , Combination Charts
|
rMateRadarChart.swf
|
Radar Chart
|
rMateHistoryChart.swf
|
History Chart
|
rMateMatrixChart.swf
|
Matrix Chart
|
rMateImageChart.swf
|
Image Chart
|
rMateScrollChart.swf
|
Scroll Chart
|
rMateRealtimeChart.swf
|
Real-time Chart
|
rMateRealtimePremium.swf
|
Real-time Premium Chart
|
rMateGaugeChart.swf
|
Gauge Chart
|
ChartDataEditor.swf
|
Data Editor (It can be
dynamically rendered when you use the data-editor function)
|
ChartSideBar.swf
|
SideBar (It can be dynamically
rendered when you use the SideBar function)
|
playerProductInstall.swf
(See description below)
|
Flash Player Installer
|
rMateIntegration.swf
|
You can draw all the charts
above by using rMateIntegration.swf. This component is used to integrate charts
and its file size is the biggest in all the components.
|
<Table 1: The List of Chart Types>
※ About plyerProductInstall.swf : This file is used for automatic update of Flash Player. If Flashplayer is not installed on your PC or old version of Flash Player is installed and you may want to update Flash Player automatically then copy this file to the same directory with the directory SWF files are installed. (The minimum version of Flash Player required to run rMateChart is version 9)
The following table lists all chart types and their corresponding layout files, SWF files and sample images. (The file name of a layout in this table is for example. You can use your own file name. Please refer to “5.The Layout” for further information)
Chart Type
|
Type Details (A Sample File Name of Layout)
|
Sample Image
|
SWF File
|
Line Charts
|
Line Segment
(Line_2D_Segment_Layout.xml)
|
rMateChart.swf
|
|
Line Curve
(Line_2D_Curve_Layout.xml)
|
|||
Line Step
(Line_2D_Step_Layout.xml)
|
|||
Line ItemRenderer
(Line_2D_Item_Layout.xml)
|
|||
Dashed-Line
Charts
|
Dashed Line
(Dash_Lines_Layout.xml)
|
rMateChart.swf
|
|
Line + Dashed_Line
(Dash_DashedLine_Line_Layout.xml)
|
|||
Column Charts
|
Column Chart
(Column_2D_Layout.xml)
|
rMateChart.swf
|
|
Column 3D Chart
(Column_3D_Layout.xml)
|
|||
Multi Series Column Chart
(Column_2D_MS_Layout.xml)
|
|||
Multi Series Column 3D
(Column_3D_MS_Layout.xml)
|
|||
Stacked Column Chart
(Column_2D_Stacked_Layout.xml)
|
|||
Stacked Column 3D
(Column_3D_Stacked_Layout.xml)
|
|||
Bar Charts
|
Bar 2D
(Bar_2D_Layout.xml)
|
rMateChart.swf
|
|
Bar 3D Chart
(Bar_3D_Layout.xml)
|
|||
Multi Series Bar 2D
(Bar_2D_MS_Layout.xml)
|
|||
Multi Series Bar 3D
(Bar_3D_MS_Layout.xml)
|
|||
Stacked Bar 2D
(Bar_2D_Stacked_Layout.xml)
|
|||
Stacked Bar 3D
(Bar_3D_Stacked_Layout.xml)
|
|||
Cylinder
Charts |
Cylinder 3D Chart
(Cylinder_3D_Layout.xml)
|
rMateChart.swf
|
|
Multi Series Cylinder 3D Chart
(Cylinder_3D_MS_Layout.xml)
|
|||
Stacked Cylinder 3D Chart
(Cylinder_3D_Stacked_Layout.xml)
|
|||
Cylinder Bar 3D Chart
(Cylinder_Bar_3D_Layout.xml)
|
|||
From-To
Charts
|
Step From-To Chart
|
rMateChart.swf
|
|
Waterfall From-To Chart
|
|||
Area From-To 2D Chart
(From_To_Area_2D_Layout.xml)
|
|||
Area Charts
|
Area Chart
(Area_2D_Layout.xml)
|
rMateChart.swf
|
|
Multi Series Area Chart
(Area_2D_MS_Layout.xml)
|
|||
Stacked Area Chart
(Area_2D_Stacked_Layout.xml)
|
|||
Pie Charts
|
Pie 2D
(Pie_2D_Layout.xml)
|
rMateChart.swf
|
|
Pie 3D
(Pie_3D_Layout.xml)
|
|||
Stacked 3D
(Pie_3D_Stacked_Layout.xml)
|
|||
Doughnut Charts
|
Doughnut 2D
(Doughnut_2D_Layout.xml)
|
rMateChart.swf
|
|
Doughnut 3D
(Doughnut_3D_Layout.xml)
|
|||
Bubble
Charts
|
Bubble 3D
(Bubble_3D_Layout.xml)
|
rMateChart.swf
|
|
Multi Series Bubble 3D
(Bubble_3D_MS_Layout.xml)
|
|||
Plot Charts
|
Plot chart
(Plot_2D_Layout.xml)
|
||
Target &
Result
Charts
|
3D Cylinder Type
(Target_3D_Layout.xml)
|
rMateChart.swf
|
|
Bar 3D Cylinder Type
(Target_Bar_3D_Layout.xml)
|
|||
2D Linear Type
(Target_2D_Layout.xml)
|
|||
Combination Charts
|
Line + Column 2D
(Combination_2D_Line_Layout.xml)
|
rMateChart.swf
|
|
Line + Column 3D
(Combination_3D_Line_Layout.xml)
|
|||
Line + Stacked Column 3D
(Combination_3D_Stacked_Line_Layout.xml)
|
|||
Line + Multi Column 3D
(Combination_3D_MS_Line_Layout.xml)
|
|||
Area + Line + Column 2D
(Combi_2D_Single_Layout.xml)
|
|||
Area + Line + Multi Column 2D
(Combi_2D_Multi_Layout.xml)
|
|||
Area + Line + Column 3D
(Combi_Single_Layout.xml)
|
|||
Area + Line + Multi Column 3D
(Combi_Multi_Layout.xml)
|
|||
Radar
Charts |
Radar Polygon Type
(Radar_Layout_Polygon.xml)
|
rMateRadarChart.swf
|
|
Radar Circle Type
(Radar_Layout_Circle.xml)
|
|||
History
Charts |
History Display Column Chart
(History_2D_Layout.xml)
|
rMateHistoryChart.swf
|
|
History Display Column with Line Chart
(History_2D_WL_Layout.xml)
|
|||
Matrix Charts
|
Basic Type
(Matrix2D_Renderer.xml)
|
rMateMatrixChart.swf
|
|
Matrix Fill Type
(Matrix2D_Fill.xml)
|
|||
Matrix Plot Type
(Matrix2D_Plot.xml)
|
|||
Matrix Image Type (Use external Image)
(Matrix2D_Image.xml)
|
|||
Image Charts
|
Same ratio - single image
(Image_Single_Ratio_Layout.xml)
|
rMateImageChart.swf
|
|
Differential ratio - single image
(Image_Single_FRatio_Layout.xml)
|
|||
Same ratio - an iterative image
(Image_SingleRepeat_Layout.xml)
|
|||
Differential ratio - multiple images
(Image_Multiple_Layout.xml)
|
|||
Slides Charts
|
Slide + Effect Chart
Display multiple charts as a slide
|
rMateIntegration.swf
|
|
Scroll Charts
|
Scroll Column
(Scroll_Column_2D_Layout.xml)
|
rMateScrollChart.swf
|
|
Scroll Column Multi-Series
(Scroll_Column_2D_MS_Layout.xml)
|
|||
Scroll Bar Multi-Series
(Scroll_Bar_2D_MS_Layout.xml)
|
|||
Scroll Line Multi-Series
(Scroll_Line_2D_MS_Layout.xml)
|
|||
Scroll Area Multi-Series
(Scroll_Area_2D_MS_Layout.xml)
|
|||
Scroll Combination
(Scroll_Combination_2D_Layout.xml)
|
|||
Real-Time Charts
|
Interval based on the number of data
(RealTime_Size_Layout.xml)
|
rMateRealtimeChart.swf
|
|
Interval based on the predefined time
(RealTime_Time_Layout.xml)
|
|||
Real-Time Premium Charts
|
Real-time charts with different cycles
(RealTime_Premium_Line_Column_Layout.xml)
|
rMateRealtimePremium.swf
|
|
Comparison of yesterday and today
(RealTime_Premium_10Int_Layout.xml)
|
|||
Complex real-time chart with different
cycles
(RealTime_Premium_25Base_Layout.xml)
|
|||
Circular Gauge Charts
|
Circular Blue
(Gauge_Circular_Blue_Layout.xml)
|
rMateGaugeChart.swf
|
|
Circular Silver
(Gauge_Circular_Silver_Layout.xml)
|
|||
Circular Orange
(Gauge_Circular_Orange_Layout.xml)
|
|||
Circular Red
(Gauge_Circular_Red_Layout.xml)
|
|||
Half-Circular Gauge Charts
|
Half-Circular Blue
(Gauge_ Half_Blue_Layout.xml)
|
rMateGaugeChart.swf
|
|
Half-Circular Silver
(Gauge_ Half_Silver_Layout.xml)
|
|||
Half-Circular Rainbow
(Gauge_ Half_Rainbow_Layout.xml)
|
|||
Half-Circular Red
(Gauge_Half_Red_Layout.xml)
|
|||
Cylinder Gauge Charts
|
Horizontal Cylinder Gauge
(Gauge_HorizontalCylinder_Layout.xml)
|
rMateGaugeChart.swf
|
|
Vertical Cylinder Gauge
(Gauge_VerticalCylinder_Layout.xml
|
|||
Linear Gauge Charts
|
Horizontal Linear Gauge
(Gauge_HorizontalLinear_Layout.xml)
|
rMateGaugeChart.swf
|
|
Vertical Linear Gauge
(Gauge_VerticalLinear_Layout.xml
|
<Figure 2:
The List of Chart Types>
Click here detail information & Demos
댓글 없음:
댓글 쓰기