Combination Bars 3D Chart / 3D Bar Chart with Line Graph

Top  Previous  Next  

File examples you can find in the package:

 

Sample XML for Combination Bars 3D Chart:

<?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_bar="Test Yheaders for Bars" title_line="Test Yheaders for Line" 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 name="Bat" view_value="0" width="40" thickness="10" color="CCCC00" alpha="100" pieces_grow_bar="40">

       <bar value="253500.5" color="0099FF" />

               <bar value="394500.2" color="FF9933" />

               <bar value="453500.1" color="FF66CC" />

               <bar value="-893500" color="CCCC00" />

               <bar value="25350" color="0099FF" />

               <bar value="172700" color="FF9933" />

               <bar value="358500" color="FF66CC" />

               <bar value="289500" color="CCCC00" />

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

 

<?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 show_background_side="1" bg_color="FFFFFF" background_side_color="cccccc" floor_color="CCCCCC" common_calibrationYaxis="0" showAnchor="1" type_animation="2" />

 

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

 

<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 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_bar="Test Yheaders for Bars" title_line="Test Yheaders for Line" title_rotate="90" title_color="000000" />

 

Data:

Attribute

Description

color

'000000'- text color

size

'10' - font size

title_bar

"Test Yheaders for Bars" - caption content for Y axis

title_line

"Test Yheaders for Line" - caption line 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 groove="1" grid_width="550" grid_height="225" grid_color="000000" grid_alpha="40" grid_thickness="1" />

 

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:

 

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

 

Data:

Attribute

Description

value

"Quarter1" - Values on Х axis

 

Setting up the view of the bars:

 

<bars name="Bat" view_value="0" width="40" thickness="10" color="CCCC00" alpha="100" pieces_grow_bar="40">

       <bar />

       ...

</bars>

 

Data:

Attribute

Description

name

'Bat' -  data series name which is displayed at the legend and the popup hint

view_value

'0' - Showing the value near the left side of the bar:

'1' - to show

'0' - not to show

width

'40' - bars width

thickness

'10' - bars thickness (depth)

color

"CCCC00"  - bars general color

alpha

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

 

<bar value="253500.5" color="0099FF" />

<bar value="394500.2" color="FF9933" />

<bar value="453500.1" color="FF66CC" />

<bar value="-893500" color="CCCC00" />

...

 

Data:

Attribute

Description

value

"253500.5" - values on Y axis

color

"0099FF" - color of the bar

 

Setting up the view for the line graph:

 

<lines>

       <ordinate_data seriesName="Tat" color="FFFF00" alpha="50" size="3.5">

               <y />

               ...

       </ordinate_data>

</lines>

 

Data:

Attribute

Description

seriesName

'Tat' - 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="587" />

<y value="68" />

<y value="257" />

<y value="-867" />

<y value="867" />

...

 

Data:

Attribute

Description

value

"587" - data on Y axis