This sample is to display three Y-axes with different scales.
It is useful to display three series in a chart, which have different scales to each other.
Profit: Left
Cost: Left
Revenue: Right
ā—¸Layout
<verticalAxisRenderers>
Each series is drawn along each Y-axis.
<Axis2DRenderer axis="{vAxis1}" placement="left" showLine="true">
drawn along vAxis1
<axisStroke>
<Stroke color="0xE48701" weight="2" caps="none"/>
</axisStroke>
</Axis2DRenderer>
<Axis2DRenderer axis="{vAxis2}" placement="left" showLine="true">
drawn along vAxis2
<axisStroke>
<Stroke color="0xA5BC4E" weight="2" caps="none"/>
</axisStroke>
</Axis2DRenderer>
<Axis2DRenderer axis="{vAxis3}" placement="right" showLine="true">
drawn along vAxis3
<axisStroke>
<Stroke color="0x1B95D9" weight="2" caps="none"/>
</axisStroke>
</Axis2DRenderer>
</verticalAxisRenderers>