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

<Column2DSeries labelPosition="outside" yField="GDP" displayName="GDP Growth (In %)" showDataEffect="{ss}" itemRenderer="SemiCircleColumnItemRenderer" showValueLabels="[0,4,9]">
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 Y-axis ( vertical 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. )
showDataEffect The showDataEffect attribute determines which animation effect will be used. The valid value is the Object ID of the effect element tags, such as SeriesInterpolate, SeriesSlide, SeriesZoom. In the above chart, the <SeriesInterpolate> element tag is defined with the ID, "ss".

<SeriesInterpolate id="ss"/>
itemRenderer The itemRenderer attribute determines what square box shape will be drawn at the data points. The valid values are "BoxItemRenderer", "GradientColumnItemRenderer", "SemiCircleColumnItemRenderer". The default value is "GradientColumnItemRenderer".
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.