Next
Update
Prev
Default

In the above sample chart, three <Column2DSeries> element tags and one <Line2DSeries> element tag are defined. The two of <Column2DSeries> element tags are used to draw a column stacked chart as they are defined as child nodes of <Column2DSet> element tag which is the "stacked" type.

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>
    <Column2DSet type="clustered" >
      <series>
        <Column2DSet type="stacked" >
          <series>
            <Column2DSeries ... >
            ...
            </Column2DSeries>
            <Column2DSeries ... >
            ...
            </Column2DSeries>
          </series>  
        </Column2DSet>
        
      <Line2DSeries ... >
        <verticalAxis>
          <LinearAxis ... >
        </verticalAxis>
        ...
      </Line2DSeries>
    </Column2DSet>
  </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.