Combination Bars 2D Chart (Multi-series) / 2D Multi Series Bar Chart with Line Graph |
![]() ![]() ![]() |
File examples that you can find in the package:
Sample XML for Combination Bars 2D Chart (Multi-series): <?xml version="1.0" encoding="iso-8859-1"?> <graph> <general_settings bg_color="CCCCCC" common_calibrationYaxis="1" 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 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" /> <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 view_value="1" width="55" alpha="70" view_double_bar="1" color_double_bar="b7b7b7" pieces_grow_bar="40" /> <categorie name="N.America"> <subcategorie name="Rice" value="30" color="FDC12E" /> <subcategorie name="Wheat" value="70.11" color="56B9F9" /> </categorie> <categorie name="Europe"> <subcategorie name="Rice" value="80" color="FDC12E" /> <subcategorie name="Wheat" value="70" color="56B9F9" /> </categorie> <categorie name="Spain"> <subcategorie name="Rice" value="60" color="FDC12E" /> <subcategorie name="Wheat" value="82.4" color="56B9F9" /> </categorie> <categorie name="Ukraine"> <subcategorie name="Rice" value="50" color="FDC12E" /> <subcategorie name="Wheat" value="75" color="56B9F9" /> </categorie> </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 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 Bar Chart:
<general_settings bg_color="CCCCCC" common_calibrationYaxis="1" 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 legend (Conformity of bar color and bar name):
<legend font="Verdana" color="000000" font_size="11" />
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 view_value="1" width="55" alpha="70" view_double_bar="1" color_double_bar="b7b7b7" pieces_grow_bar="40" /> <categorie name="N.America"> <subcategorie name="Rice" value="30" color="FDC12E" /> <subcategorie name="Wheat" value="70.11" color="56B9F9" /> ... </categorie> ... </bars>
Data:
Setting up the data:
<categorie name="N.America"> <subcategorie name="Rice" value="30" color="FDC12E" /> <subcategorie name="Wheat" value="70.11" color="56B9F9" /> ... </categorie> ...
Data:
Setting up the view for the line graph:
<lines> <ordinate_data seriesName="Sat" color="0080C0" alpha="50" size="3.5"> <y value="512" /> <y value="0" /> ... </ordinate_data> ... </lines>
Data:
Setting up the data for the line graph:
<y value="512" /> <y value="0" /> <y value="362" /> <y value="319" /> <y value="604.7" /> <y value="633" /> ...
Data:
|