File examples you can find in the package:
- fcp-3d-column-chart-v1.xml
- fcp-3d-column-chart-v2.xml
- fcp-3d-column-chart-v3.xml
- fcp-3d-column-chart-v4.xml
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: '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 |