You can combine more than two types of charts in a single chart. This type of chart is called a combination chart, and the <Combination2DChart> element tag is used to create a combination chart in KoolChart.

In the above sample chart, one <Column2DSeries> element tag and one <Line2DSeries> element tag are defined as child nodes of the <series> element tag.

An additional vertical axis ( Y-Axis ) is defined for the line chart ( <Line2DSeries> ) in the above sample chart. As the following layout shows: the <verticalAxis> element tag is created as a child node of the <series> element tag, and this axis is drawn at the right of the chart.

<Combination2DChart showDataTips="true" >
    <Column2DSeries ... >
    <Line2DSeries ... >
        <LinearAxis id="vAxis2" >
    <Axis2DRenderer axis="{vAxis2}" showLine="false" />


axis The axis attribute determines which axis will be drawn. The valid value is the ID of <horizontalAxis> or <verticalAxis>.
showLine The showLine attribute determines whether or not to display the line for Axis.

© 2017 KoolChart. All rights reserved.