Next
Update
Prev
Default

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" >
  ...
  <series>
    <Column2DSeries ... >
    ...
    </Column2DSeries>
    
    <Line2DSeries ... >
      <verticalAxis>
        <LinearAxis id="vAxis2" >
      </verticalAxis>
    ...
    </Line2DSeries>
  </series>
  <verticalAxisRenderers>
    ...
    <Axis2DRenderer axis="{vAxis2}" showLine="false" />
  </verticalAxisRenderers>
  
</Combination2DChart>
...

<Axis2DRenderer>

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.