File examples you can find in the package:
Sample XML for Combination Stacked Bars 2D Chart (Multi-series):
<?xml version="1.0" encoding="iso-8859-1"?>
<graph>
<general_settings bg_color="CCCCCC" common_calibrationYaxis="1" showAnchor="1" type_animation="2" />
<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 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 grid_width="550" grid_height="250" grid_color="000000" grid_alpha="40" grid_thickness="1" bg_color="ffffff" bg_alpha="100" alternate_bg_color="00FFFF" border_color="000000" border_thickness="2" />
<data>
<abscissa_data>
<data value="N. America" />
<data value="Europe" />
<data value="Spain" />
</abscissa_data>
<bars view_value="1" width="25" space="0" alpha="100" view_double_bar="1" color_double_bar="666666" pieces_grow_bar="40">
<categorie name="N. America">
<series>
<subcategorie name="Rice" value="30" color="FDC12E" />
<subcatee name="Wheat" value="67.23" color="56B9F9" />
</series>
<series>
<subcategorie name="Grain" value="20" color="C9198D" />
</series>
</categorie>
<categorie name="Europe">
<series>
<subcategorie name="Rice" value="37.9" color="FDC12E" />
<subcategorie name="Wheat" value="10" color="56B9F9" />
</series>
<series>
<subcategorie name="Grain" value="23" color="C9198D" />
<subcategorie name="Black" value="30" color="000000" />
</series>
</categorie>
<categorie name="Spain">
<series>
<subcategorie name="Rice" value="8.8" color="FDC12E" />
</series>
<series>
<subcategorie name="Wheat" value="50" color="56B9F9" />
<subcategorie name="Grain" value="51" color="C9198D" />
</series>
</categorie>
</bars>
<lines>
<ordinate_data seriesName="Sat" color="0080C0" alpha="50" size="3.5">
<y value="512" />
<y value="0" />
<y value="362" />
<y value="319" />
<y value="604.7" />
<y value="633" />
<y value="904" />
<y value="1215" />
</ordinate_data>
<ordinate_data seriesName="Tat" color="FFFF00" alpha="50" size="3.5">
<y value="587" />
<y value="68" />
<y value="257" />
<y value="-867" />
<y value="867" />
<y value="6375" />
<y value="86" />
<y value="427" />
</ordinate_data>
</lines>
</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 Bar Chart:
<general_settings bg_color="CCCCCC" common_calibrationYaxis="1" showAnchor="1" type_animation="2" />
Data:
Attribute |
Description |
bg_color |
"CCCCCC" - Bar Chart background general color |
common_calibrationYaxis |
'1'- Y axis calibration: '1' - common '0' - separate |
showAnchor |
"1" - Anchor points showing: '1' - to show '0' - not to show |
type_animation |
"2" - Animation type: '2' - type 2 '1' - type 1 '0' - without animation |
Setting up the top row of the Bar 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 Bar 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 bar color and bar name):
<legend font="Verdana" color="000000" font_size="11" />
Data:
Attribute |
Description |
font |
'Verdana' - caption font |
color |
'000000' - caption color |
font_size |
'11' - caption font size |
Setting up the view of the popup hint on mouse on the sectors of Bar Chart:
<legend_popup font="Verdana" bgcolor="FFFFE3" font_size="10" />
Data:
Attribute |
Description |
font |
'Verdana' - caption font |
bgcolor |
'FFFFE3' - popup background color |
font_size |
'10' - caption font size |
Setting up the view of calibration text on axis X of the graph:
<Xheaders rotate="90" color="000000" size="10" title="Test Xheaders" title_color="000000" />
Data:
Attribute |
Description |
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 Bar Chart grid:
<grid grid_width="550" grid_height="250" grid_color="000000" grid_alpha="40" grid_thickness="1" bg_color="ffffff" bg_alpha="100" alternate_bg_color="00FFFF" border_color="000000" border_thickness="2" />
Data:
Attribute |
Description |
grid_width, grid_height |
grid_width='550' grid_height='250' - grid height and width(in pixels) |
grid_color |
'000000' - grid lines color |
grid_alpha |
'40' - grid lines alpha-transparency (from 0 to100 ) |
grid_thickness |
'1' - grid lines thickness |
bg_color |
'ffffff' - grid field background color |
bg_alpha |
'100' - grid field background alpha-transparency |
alternate_bg_color |
'00FFFF' - grid vertical rectangular alternate fields color |
border_color |
'000000' - grid border color |
border_thickness |
'2' - grid border thickness |
Setting up the data:
<data>
[...]
</data>
Values on Х axis:
<abscissa_data>
<data value="N. America" />
<data value="Europe" />
<data value="Spain" />
...
</abscissa_data>
Data:
Attribute |
Description |
value |
"N. America" - data on X axis |
Setting up the view of the bars:
<bars view_value="1" width="25" space="0" alpha="100" view_double_bar="1" color_double_bar="666666" pieces_grow_bar="40">
<categorie name="N. America">
<series>
<subcategorie name="Rice" value="30" color="FDC12E" />
<subcatee name="Wheat" value="67.23" color="56B9F9" />
...
</series>
...
</categorie>
...
</bars>
Data:
Attribute |
Description |
view_value |
'1' - Showing the value near the left side of the bar: '0' - not to show |
width |
'25' - bars width |
space |
"0" - distance between the bars in the group |
alpha |
'100' - bar transparency |
view_double_bar |
"1" - Showing the double bars: '1' - to show '0' - not to show |
color_double_bar |
"666666" - Bar copy color |
pieces_grow_bar |
'40' - Number of shares (pieces), on which maximal bar length will be divided when calculating the step. One share is equal to increment step when drawing bars. Bigger value of pieces_grow_bar means a smaller speed of bars. If pieces_grow_bar=1, bars will reach their real length instantly. |
Setting up the data:
<categorie name="N. America">
<series>
<subcategorie name="Rice" value="30" color="FDC12E" />
<subcatee name="Wheat" value="67.23" color="56B9F9" />
...
</series>
...
</categorie>
...
Data:
Attribute |
Description |
<categorie> name |
"N. America" - data series name that is displayed at the legend and at the popup hint |
<subcategorie> name |
"Rice" - data series on X axis |
value |
"30" - data on Y axis |
color |
"FDC12E " - chart bar color |
Setting up the view for the line graph:
<lines>
<ordinate_data seriesName="Sat" color="0080C0" alpha="50" size="3.5">
<y value="512" />
<y value="0" />
...
</ordinate_data>
...
</lines>
Data:
Attribute |
Description |
seriesName |
'Sat' - data series name that is displayed at the legend and at the popup hint |
color |
'0080C0' - graph line color |
alpha |
'50' - graph line transparency |
size |
'3.5' - graph line size |
Setting up the data for the line graph:
<y value="512" />
<y value="0" />
<y value="362" />
<y value="319" />
<y value="604.7" />
<y value="633" />
...
Data:
Attribute |
Description |
value |
"512" - data on Y axis |