Tools

Combination Stacked Bars 2D Chart (Multi-series)

Author: Antony Corsten Reference Number: AA-00345 Views: 4782 Last Updated: 07/23/2009 06:25 AM

0 Rating/ Voters

Combination Stacked Bars 2D Chart (Multi-series)

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):

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 legend (Conformity of bar color and bar name):

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:

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
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:

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:

Data:

Attribute	Description
view_value	'1' - Showing the value near the left side of the bar: '1' - to show '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:

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

Attachments

	fcp-combination-stacked-bars-2d-charts-v3	2.7 Kb	Download File
	fcp-combination-stacked-bars-2d-charts-v4	2.3 Kb	Download File