File examples you can find in the package:
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: '0' - not to show |
showBubble |
"0" - show data points as circles '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: '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):
<subheader text="Test Subheader" font="Verdana" color="000000" size="15" />
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):
<legend font="Verdana" color="000000" font_size="11" />
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:
<Xheaders show_calibration="1" rotate="90" color="000000" size="10" title="Test Xheaders" title_color="000000" />
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:
<Yheaders color="000000" size="10" title="Test Yheaders" title_rotate="90" title_color="000000" />
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:
<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:
Attribute |
Description |
showX |
'1' - showing of grid lines: '1' - to show '0' - not to show |
showY |
'1' - showing of grid lines: '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
<data seriesName="Microsoft" color="FF0080" alpha="100" size="3">
<value x="41" y="1500" />
<value x="47" y="1282" />
...
<value x="150" y="" />
</data>
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 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="99.1" y="2198" z="40" name="Mango" />
</data>
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. |