2D Compound Column Chart

Top  Previous  Next  

File examples you can find in the package:

 

Sample XML for 2D Stacked Bars Chart:

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

<graph>

       <general_settings bg_color="CCCCCC" type_graph="v" />

       <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" />

       <bars view_value="1" width="55" alpha="70" view_double_bar="1" color_double_bar="b7b7b7" pieces_grow_bar="40" />

       <data>

               <categorie name="N. America">

                       <subcategorie name="Rice" value="30" color="FDC12E" />

                       <subcategorie name="Wheat" value="67" color="56B9F9" />

                       <subcategorie name="Grain" value="97" color="C9198D" />

               </categorie>

               <categorie name="Europe">

                       <subcategorie name="Rice" value="-37.9" color="FDC12E" />

                       <subcategorie name="Wheat" value="15" color="56B9F9" />

                       <subcategorie name="Grain" value="23" color="C9198D" />

                       <subcategorie name="Black" value="30" color="000000" />

               </categorie>

               <categorie name="Grain">

                       <subcategorie name="Rice" value="-8.8" color="FDC12E" />

                       <subcategorie name="Wheat" value="-50" color="56B9F9" />

                       <subcategorie name="Grain" value="-51" color="C9198D" />

               </categorie>

       </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" type_graph="v" />

 

Data:

Attribute

Description

bg_color

'CCCCCC' - Bar Chart background general color

type_graph

"v" - Chart bars type of arrangement:

"v" -  vertical

"h" -  horizontal

 

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 view of the bars:

 

<bars view_value="1" width="55" alpha="70" view_double_bar="1" color_double_bar="b7b7b7" pieces_grow_bar="40" />

 

Data:

Attribute

Description

view_value

'1' Showing the value near the left side of the bar:
'1' - to show

'0' - not to show

alpha

'70' - bar transparency

view_double_bar

"1"- Showing the double bars:
'1' - to show

'0' - not to show

color_double_bar

"b7b7b7" - Bar copy color

pieces_grow_bar

'40' - Number of shares (pieces) into which maximum bar length will be divided when calculating the step. One share is equal to an incremental step when drawing bars. A 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>

       <categorie name="N. America">

               <subcategorie name="Rice" value="30" color="FDC12E" />

               <subcategorie name="Wheat" value="67" color="56B9F9" />

               <subcategorie name="Grain" value="97" color="C9198D" />

               ...

       </categorie>

       ...

</data>

 

Data:

Attribute

Description

categorie name

"N. America" - data on Y axis

subcategorie name

"Rice" - data series name that is displayed at the legend and at the popup hint

value

"30" - data on Y axis

color

"FDC12E" - chart bar color