Tools

Scatter Chart

Author: Antony Corsten Reference Number: AA-00322 Views: 5141 Last Updated: 07/24/2009 09:15 AM

0 Rating/ Voters

Scatter Chart

Sample XML for Scatter Chart:

<?xml version="1.0" encoding="iso-8859-1"?>

<graph>

<general_settings bg_color="CCCCCC" showAnchor="1" showBubble="0" Bubble_gradient="1">

<header text="Test header" font="Verdana" color="000000" size="18" />

<subheader text="Test Subheader" font="Verdana" color="000000" size="15" />

<legend font="Verdana" color="000000" font_size="11" />

<legend_popup font="Verdana" bgcolor="FFFFE3" font_size="10" />

<Xheaders show_calibration="1" rotate="90" color="000000" size="10" title="Test Xheaders" title_color="000000" />

<Yheaders color="000000" size="10" title="Test Yheaders" title_rotate="90" title_color="000000" />

<grid showX="1" showY="1" xAxisLines="10" yAxisLines="5" xAxisMinValue="45" xAxisMaxValue="120" yAxisMinValue="1000" yAxisMaxValue="5000" grid_width="550" grid_height="250" grid_color="000000" grid_alpha="40" grid_thickness="1" bg_color="fafadb" bg_alpha="100" alternate_bg_color="DDF0C4" border_color="000000" border_thickness="2" />

<data seriesName="Microsoft" color="FF0080" alpha="100" size="3">

<value x="41" y="1500" />

<value x="47" y="1282" />

<value x="50" y="1365" />

<value x="55" y="1433" />

<value x="65" y="1559" />

<value x="70" y="1823" />

<value x="85" y="1867" />

<value x="99.1" y="2198" />

<value x="103" y="" />

<value x="110" y="" />

<value x="115" y="3300" />

<value x="120" y="2264" />

<value x="125" y="2282" />

<value x="130" y="365" />

<value x="133" y="2433" />

<value x="140" y="2559" />

<value x="142" y="2823" />

<value x="147" y="2867" />

<value x="149" y="2867" />

<value x="150" y="" />

</data>

<data seriesName="2005" color="FF0080" alpha="80" size="3.5" z_Prefix="$">

<value x="55" y="1433" z="10" name="Mango" />

<value x="65" y="1559" z="20" name="Mango" />

<value x="70" y="1823" z="5" name="Mango" />

<value x="85" y="1867" z="50" name="Mango" />

<value x="99.1" y="2198" z="40" name="Mango" />

</data>

<ordinate_data seriesName="Bat" color="FF8040" alpha="100" size="3">

<value x="10" y="189" />

<value x="20" y="208" />

<value x="25" y="210" />

<value x="30" y="263" />

<value x="41" y="1000" />

<value x="47" y="888" />

<value x="50" y="1365" />

<value x="55" y="1000" />

<value x="65" y="1559" />

<value x="70" y="2750" />

<value x="85" y="3017" />

<value x="99.1" y="3451" />

<value x="103" y="3918" />

<value x="110" y="2532" />

<value x="115" y="3565" />

<value x="120" y="2353" />

<value x="125" y="1356" />

<value x="130" y="2534" />

<value x="133" y="3321" />

<value x="140" y="22" />

<value x="142" y="1353" />

<value x="147" y="1092" />

<value x="149" y="522" />

<value x="150" y="8" />

</data>

</graph>

Description:

Header tag of the XML file:

<?xml version="1.0" encoding="ISO-8859-1"?>

<graph>...</graph>

You should place a valid XML header at the beginning of every XML file. If you use symbols different from Latin-1 encoding, please set the right encoding for you. In order to get more universality you can use Unicode:

<?xml version="1.0" encoding="utf-8"?>

<graph>

Setting up the appearance of the chart:

<general_settings bg_color="CCCCCC" showAnchor="1" showBubble="0" Bubble_gradient="1">

Data:

Attribute	Description
bg_color	'CCCCCC' - general background color of the line chart
showAnchor	"1" - show the anchor points on the lines: '1' - to show '0' - not to show
showBubble	"0" - show data points as circles '1' - to show '0' - not to show You can set circle diameter in the tag <value x="65" y='1559' z="25" /> by attribute z: z="25"
Bubble_gradient	"1" - Circle view: '1' - fill in by radial gradient '0' - fill in by continuous color

Setting up the top row of the line chart header (the uppermost text):

<header text="Test header" font="Verdana" color="000000" size="18" /

Data:

Attribute	Description
text	'Test header' - Header content
font	'Verdana' - Header font
color	'000000' - Header color
size	'18' - Header font size

Setting up the bottom row of the Scatter Chart header (the text second from above):

Data:

Attribute	Description
text	'Test subheader' - Header content
font	'Verdana' - Header font
color	'000000' - Header color
size	'15' - Header font size

Setting up the legend (Conformity of line color and name):

Data:

Attribute	Description
font	'Verdana' - caption font
font_color	'000000' - caption color
font_size	'11' - caption font size

Setting up view of the popup hint on mouse over the sector of line chart:

<legend_popup font="Verdana" bgcolor="FFFFE3" font_size="10" />

Data:

Attribute	Description
font	'Verdana' - caption font
bgcolor	'FFFFE3' - popup background color
size	'10' - caption font size

Setting up the view of calibration text on axis X of the graph:

Data:

Attribute	Description
show_calibration	"1" - Showing of the calibration value on X axis: '1' - to show '0' - not to show
rotate	'90' - Text rotation angle (there are two values possible, 0 and 90)
color	'000000'- text color
size	'10'- font size
title	'Test Xheaders' - caption content for X axis
title_color	'000000' - caption text color

Setting up the view of graduation text on axis Y of the graph:

Data:

Attribute	Description
color	'000000'- text color
size	'10'- font size
title	'Test Yheaders' - caption content for Y axis
title_rotate	'90' - Caption rotation angle (there are two values possible, 0 and 90)
title_color	'000000' - caption text color

Setting up the view of the chart grid:

Data:

Attribute	Description
showX	'1' - showing of grid lines: '1' - to show '0' - not to show
showY	'1' - showing of grid lines: '1' - to show '0' - not to show
xAxisLines	"10" - number of grid lines on Х axis
yAxisLines	"5" - number of grid lines on Y axis
xAxisMinValue	"45" - minimal displayed value on Х axis
xAxisMaxValue	"120" - maximal displayed value on Х axis
yAxisMinValue	"1000" - minimal displayed value on Y axis
yAxisMaxValue	"5000"- maximal displayed value on Y axis
grid_width	'550' - grid width (in pixels)
grid_height	'250' - grid height (in pixels)
grid_color	'000000' - grid lines color
grid_alpha	'40' - grid lines alpha-transparency (between 0 and 100 )
grid_thickness	'1' - grid lines thickness
bg_color	'fafadb'' - grid field background color
bg_alpha	'100' - grid field background alpha-transparency
alternate_bg_color	'DDF0C4' - grid rectangular alternate fields color
border_color	'000000' - grid border color
border_thickness	'2' - grid border thickness

Values postponed on Х Y axes:

!! If <value x="103" y=''/> or <value x="103" y=""/> - no data, it will be displayed as the break of a continuous line

At a tag, such as <value x="41" y="1500" />, x="41" and y="1500" are data values

Data:

Attribute	Description
seriesName	'Microsoft' - data series name which is displayed at the legend and the legend popup.
color	'FF0080' - chart line color
alpha	'100' - chart line transparency
size	'3.5' - chart line size
x	x="41" data values
y	y="1500" data values

*** This tag will affect only if "showBubble" attribute is equal to "1":

Data:

Attribute	Description
seriesName	'2005' - data series name which is displayed at the legend and the legend popup.
color	'FF0080' - color
alpha	'100' - chart line transparency (%)
size	'3.5' - chart line size
z_Prefix	"$" - data dimension (it is shown at the popup hint on mouse over the graph points) for values z: z="10" in tags: <value x="55" y="1433" z="10" name="Mango" /> …
x, y	x="55" y='1433' - circle position at 2-dimension coordinate system with axes X and Y
z	"10" - circle diameter
name	"Mango"- name of the data point(circle). It will be shown at popup hint when mouse over the point.

Attachments

fcp-scatter-charts-v1	2.6 Kb	Download File
fcp-scatter-charts-v2	2.6 Kb	Download File
fcp-scatter-charts-v3	1.8 Kb	Download File