Combination Bars 2D Chart / 2D Bar Chart with Line Graph |
![]() ![]() ![]() |
File examples that you can find in the package:
Sample XML for Combination Bars 2D Chart: <?xml version="1.0" encoding="iso-8859-1"?> <graph> <general_settings bg_color="FFFFFF" 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="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" /> <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="1" width="55" color="CCCC00" alpha="70" view_double_bar="1" color_double_bar="666666" 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="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> </graph>
Description:
Header tag of the XML file:
<?xml version="1.0" encoding="ISO-8859-1"?> <graph>...</graph>
You should place valid XML header at the beginning of every XML file. If you use symbols differ 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" common_calibrationYaxis="0" showAnchor="1" type_animation="2" />
Data:
Setting up the top row of the Bar Chart header (The uppermost text):
<header text="Test header" font="Verdana" color="000000" size="18" />
Data:
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:
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:
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:
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:
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:
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:
Setting up the view of the bars:
<bars name="Bat" view_value="1" width="55" color="CCCC00" alpha="70" view_double_bar="1" color_double_bar="666666" pieces_grow_bar="40"> <bar /> ... </bars>
Data:
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:
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:
Setting up the data for the line graph:
<y value="587" /> <y value="68" /> <y value="257" /> <y value="-867" /> <y value="867" /> ...
Data:
|