A bar chart is a chart with horizontal rectangular bars of lengths usually proportional to the magnitudes or frequencies of what they represent. The <Bar2DChart> element tag is used to create a bar chart in KoolChart, and the series element tag for the bar chart is <Bar2DSeries>.

<Bar2DSeries labelPosition="inside" yField="GDP" displayName="GDP Growth (In %)" showValueLabels="[5,6,7]" itemRenderer="SemiCircleBarItemRenderer" color="#ffffff">
labelPosition The labelPosition attribute controls the positioning of labels. The valid values for this attribute are "inside", "outside", "both" and "none". If the value is "inside", labels will be displayed inside the rectangle, and the default value is "none".
yField The yField attribute determines which field in the Data Object will be used as the X-axis ( horizontal axis ) values. In the above chart, the "GDP" field is used.
displayName The displayName attribute is used to set what text will be displayed in tooltips. ( this text will be also displayed in the chart legend. )
itemRenderer The itemRenderer attribute determines what square box shape will be drawn at the data points. The valid values are "BoxItemRenderer", "GradientBarItemRenderer ", "SemiCircleBarItemRenderer". The default value is "GradientBarItemRenderer".
showValueLabels The showValueLabels attribute is used to display labels selectively when the labelPosition attribute is defined as "inside", "outside" or "both". The first index of the Data Object is "0".

© 2017 KoolChart. All rights reserved.