Online Chat
 Call Us: 
1-877-744-1221
Browse Submit a Ticket
 
Advanced Search
Tools
Rss Categories

3D Column Chart

Author: Antony Corsten Reference Number: AA-00318 Views: 4498 Last Updated: 05/24/2011 12:25 PM 0 Rating/ Voters

3D Column Chart

Sample XML for 3D Column Chart:


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

<graph>

<general_settings bg_color="FFFFFF" show_background_side="0" background_side_color="CCCCCC" floor_color="CCCCCC" />

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

<bars view_value="1" width="55" thickness="8" alpha="70" pieces_grow_bar="40" />

<trend_lines>

       <line value="400000" show_value="Good" font_size="10" color="FF0000" thickness="2" />

       <line value="200000" show_value="Middle" font_size="10" color="009999" thickness="2" />

       <line value="-300000" show_value="Bad" font_size="10" color="FF0080" thickness="2" />

</trend_lines>

<trend_zones>

       <zone start_value="250000" end_value="350000" show_value="Trend Zone" alpha="30" font_size="10" color="8BBA00" />

</trend_zones>

       <data name="Quarter1" value="253500" color="0099FF" />

       <data name="Quarter2" value="354500" color="FF9933" />

       <data name="Quarter3" value="453500" color="FF66CC" />

       <data name="Quarter4" value="483500" color="CCCC00" />

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

<general_settings bg_color="FFFFFF" show_background_side="0" background_side_color="CCCCCC" floor_color="CCCCCC" />
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

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 over 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
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 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 width and height (in pixels)
Attributes shown below work if groove="0"
grid_color '000000' - grid lines color
grid_alpha '40' - grid lines alpha-transparency (from 0 to 100)
grid_thickness '1' - grid lines thickness

Setting up the view of the bars:

<bars view_value="1" width="55" thickness="8" alpha="70" pieces_grow_bar="40" />
Data:
Attribute Description
view_value "1" - showing the value above the bar

"0" - not to show
width "55" - bars width
thickness "5" - grid bar thickness
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 smaller speed of bars. If pieces_grow_bar=1 bars will reach their real length instantly.

Setting up trend lines (optional data):

<trend_lines>

       <line value="400000" show_value="Good" font_size="10" color="FF0000" thickness="2" />

       <line value="200000" show_value="Middle" font_size="10" color="009999" thickness="2" />

       <line value="-300000" show_value="Bad" font_size="10" color="FF0080" thickness="2" />

</trend_lines>
Attribute Description
value "400000" – level for the trade line to appear
show_value "Good" – trend line caption
font_size "10" – caption font size
color "FF0000" – line color
thickness "2" – line thickness

Setting up trend zones (optional data):

<trend_zones>

       <zone start_value="250000" end_value="350000" show_value="Trend Zone" alpha="30" font_size="10" color="8BBA00" />
</trend_zones>
Attribute Description
start_value "250000" – start zone value
end_value "350000" –  end zone value
show_value "Trend Zone" – trend zone caption
alpha "30'' – alpha transparency
font_size "10" – caption font size
color "8BBA00" – trend zone color

Setting up the data:

<data name="Quarter1" value="253500" color="0099FF" />

<data name="Quarter2" value="354500" color="FF9933" />

<data name="Quarter3" value="453500" color="FF66CC" />

<data name="Quarter4" value="483500" color="CCCC00" />
Attribute Description
name "Quarter1"- values on X axis
value "253500" - values on Y axis
color "0099FF" – chart bar color

Attachments
fcp-3d-column-chart-v1 1.2 Kb Download File
fcp-3d-column-chart-v2 1.2 Kb Download File
fcp-3d-column-chart-v3 1.1 Kb Download File
fcp-3d-column-chart-v4 1.5 Kb Download File