Combination Chart2D Column and Line

VIEW MORE COMBINATION CHARTS
VIEW HTML
EDIT ON CODEPEN
A combination chart is a chart that combines two or more chart types in a single chart. To create a combination chart, set the series element of the chart types you want to create within a <Combination2DChart> element.
<Combination2DChart showDataTips="true">
...
<series>
<Column2DSeries yField="Data1">
...
</Column2DSeries>
<Line2DSeries yField="Data2">
...
</Line2DSeries>
</series>
...
</Combination2DChart>
In this example, one <Column2DSeries> element and one <Line2DSeries> element are set in order to display a combination chart.
<series>
<Column2DSeries yField="Profit" displayName="Profit" labelPosition="outside" showValueLabels="[5]" columnWidthRatio="0.54">
...
</Column2DSeries>
<Line2DSeries yField="Cost" displayName="Cost" radius="6" itemRenderer="CircleItemRenderer">
<verticalAxis>
<LinearAxis id="vAxis2" interval="40" maximum="320"/>
</verticalAxis>
...
</Line2DSeries>
</series>