Combination Bars 3D Chart (Multi-series)
Sample XML for Combination Bars 3D Chart (Multi-series):
<?xml version="1.0" encoding="iso-8859-1"?>
<graph>
<general_settings show_background_side="1" bg_color="FFFFFF" background_side_color="cccccc" floor_color="CCCCCC" common_calibrationYaxis="0" 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_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 groove="1" grid_width="550" grid_height="225" grid_color="000000" grid_alpha="40" grid_thickness="1" />
<abscissa_data>
<data value="Quarter1" />
<data value="Quarter2" />
<data value="Quarter3" />
<data value="Quarter4" />
<data value="Quarter1" />
<data value="Quarter2" />
<data value="Quarter3" />
<data value="Quarter4" />
</abscissa_data>
<bars view_value="1" width="55" thickness="8" space="3" alpha="70" pieces_grow_bar="40">
<categorie name="N. America">
<subcategorie name="Rice" value="30" color="FDC12E" />
<subcategorie name="Wheat" value="70.11" color="56B9F9" />
</categorie>
<categorie name="Europe">
<subcategorie name="Rice" value="80" color="FDC12E" />
<subcategorie name="Wheat" value="70" color="56B9F9" />
</categorie>
<categorie name="Spain">
<subcategorie name="Rice" value="60" color="FDC12E" />
<subcategorie name="Wheat" value="82.4" color="56B9F9" />
</categorie>
<categorie name="Ukraine">
<subcategorie name="Rice" value="50" color="FDC12E" />
<subcategorie name="Wheat" value="75" color="56B9F9" />
</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>
Description:
Header tag of the XML file:
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:
Setting up the appearance of the chart:
Data:
Attribute |
Description |
show_background_side
|
"0" - Showing of the back panel with the grid:
'1' - to show
'0' - not to show
|
bg_color
|
"FFFFFF" - Bar Chart background general color
|
background_side_color
|
'cccccc' - background back panel color
|
floor_color
|
'CCCCCC' - background bottom panel(basis) color
|
common_calibrationYaxis
|
'0' - 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):
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):
Data:
Attribute |
Description |
text
|
'Test subheader' - Header content
|
font
|
'Verdana' - Header font
|
color
|
'000000' - Header color
|
size
|
'15' - Header font size
|
Setting up the view of the popup hint on mouse on the sectors of Bar Chart:
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:
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:
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:
Data:
Attribute |
Description |
groove
|
'1' - grid view:
"1" - trench (groove, flute)
"0" - line
|
grid_width, grid_height
|
grid_width='550' grid_height='225' - grid height and width(in pixels)
|
Following options (grid_color, grid_alpha, grid_thickness) will affect only if grid groove='0':
|
grid_color
|
'000000' - grid lines color
|
grid_alpha
|
'40' - grid lines alpha-transparency (from 0 to100 )
|
grid_thickness
|
'1' - grid lines thickness
|
Values on Х axis:
Data:
Attribute |
Description |
value
|
"Quarter1" - Values on Х axis
|
Setting up the view of the bars:
Data:
Attribute |
Description |
view_value
|
'1' - Showing the value over the bar:
'1' - to show
'0' - not to show
|
width
|
'55' - bars width
|
thickness
|
'8' - bars thickness (depth)
|
space
|
"3" - distance between the bars in the group
|
alpha
|
'70' - bar transparency
|
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:
Data:
Attribute |
Description |
value
|
"253500.5" - values on Y axis
|
color
|
"0099FF" - color of the bar
|
Setting up the view for the line graph:
Data:
Attribute |
Description |
seriesName
|
'Sat' - data series name that is displayed at the legend and at the popup hint
|
color
|
"FFFF00" - graph line color
|
alpha
|
'50' - graph line transparency
|
size
|
'3.5' - graph line size
|
Setting up the data for the line graph:
Data:
Attribute |
Description |
value
|
"512" - data on Y axis
|