|
|
 |
|
|
FlyCharts - Interactive Flash Charts
|
|
|
How to use FlyCharts
To display FlyCharts you just need integrate SWF component of type you need (Column, line, area or any others) in a HTML file.
<BODY bgcolor="#FFFFFF" leftmargin=0 topmargin=0 rightmargin=0 bottommargin=0>
<table cellspacing="5" cellpadding="5" border="0" width=550 height=400>
<tr>
<td style="font-color: #c30000;">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="550" HEIGHT="400" id="area3d" ALIGN="">
<PARAM NAME=movie VALUE="swf/area3d.swf?xml/xdata.xml"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="area3d.swf?xdata.xml" quality=high bgcolor=#FFFFFF WIDTH="550" HEIGHT="400" NAME="area3d" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</OBJECT>
</td>
</tr>
</table>
</BODY>
|
Instead of swf/area3d.swf you can put relative path to any FlyChart component, instead of xml/xdata.xml - relative path to
XML data file.
Also you need to upload XML data file to your server.
Example of XML file:
<graph bgcolor="FFFFFF" canvasbgcolor="f2f2f2" caption="3D Area Chart" subcaption="Demo" canvaspicturename="picture.jpg" yaxisname="y-axis" xaxisname="x-axis" basefont="Verdana" basefontsize="11" basefontcolor="7B7B7B" pointsfont="Verdana" pointsfontsize="10" pointsfontcolor="BCBCBC" valuescolor="000000" namescolor="838383" axiscolor="7B7B7B" shownames="show" showvalues="show" showgrid="show" showaxis="show" shadowopacity="80" columnwidth="16" circlesize="18" linewidth="2" linecolor="ff0000" fillcolor="FFB35A" arealinewidth="1" pieradius="100" pielinewidth="1" pielineopacity="35" outlinecolor="000000" areafillopacity="100" angleoffset="270">
<set name="Name1" value="120" color="FF0000"/>
<set name="Name2" value="50" color="FF00D3"/>
<set name="Name3" value="110" color="A4F94E"/>
<set name="Name4" value="54" color="00D4FF"/>
<set name="Name6" value="100" color="2DD8FC"/>
<set name="Name6" value="100" color="06CC06"/>
<set name="Name6" value="200" color="FD29D8"/>
<set name="Name6" value="100" color="FF0000"/>
</graph>
|
All changes to your graph can be made by configuring
XML file. Flycharts allow you totaly change look and feel of your chart, customize it according your needs.
Bellow you will find parrametres to build your own style chart
-
bgcolor- allows to change background color of chart area
-
canvasbgcolor- background color of chart
-
caption- caption of the chart
-
subcaption- subcaption of the chart
-
canvaspicturename- background image
-
xaxisname- name of horisontal axis
-
yaxisname- name of vertical axis
-
basefont- Basic font for chart texts
-
basefontsize- Size of basic font of chart texts
-
basefontcolor- Color of basic font of chart texts
-
pointsfont- Font of points
-
pointsfontsize- Size of font of points
-
pointsfontcolor- Color of font of points
-
valuesfcolor- Color of Values text-labels
-
namescolor- Color of Names text-labels
-
axiscolor- Color of Axisnames text-labels
-
shadowopacity- Shadow opacity in percents
-
showvalues- (true/false) - display or not Values data
-
shownames- (true/false) - display or not Names data
-
showgrid- (true/false) - display or not grid
-
showaxis- (true/false) - display or not axis
-
columnwidth- (3D Column chart) - width of column
-
circlesize- (Line/Pipe chart) - size of bullet
-
linewidth- (Line/Pipe chart) - line width
-
linecolor- (2DArea/3DArea chart) - outline color/backgound color of hint label
-
fillcolor- (2DArea/3DArea chart) - fill color
-
arealinewidth- (2DArea) - line width
-
areafillopacity- (2DArea) - Piechart fill opacity
-
pieradius- (Piechart) - Piechart radius
-
pielinewidth- (Piechart) - Piechart outline width
-
pielineopacity- (Piechart) - Piechart outline opacity
-
outlinecolor- (Piechart) - Piechart outline color
To add background image to your chart, please create folder inc located in the same place where your source html file and
upload there non compressed JPEG image 450px width, 280px height.
You can try FlyCharts by downloading trial version here. Please note, that this trial meets the licensee below.
The Licensee has the right to use the software at no cost if if it is used by PRIVATE PERSONS (by individuals - physical persons).
|
|
|
|
|
|
|
