Posted by & filed under Technical Tips.

[XML Layout for Doughnut Chart]

<KoolChart backgroundColor=”#FFFFFF” borderStyle=”none”>

<Options>

<Caption text=”TOTAL POPULATION (1.385 billion)”/>

</Options>

<Pie2DChart id=”chart” innerRadius=”0.7″ showDataTips=”true”>

<series>

<Pie2DSeries nameField=”Age” field=”Population” startAngle=”-120″ renderDirection=”clockwise” labelPosition=”outside” labelJsFunction=”chinaLabelFunc” color=”#000000″>

<showDataEffect>

<SeriesSlide direction=”right” duration=”1000″/>

</showDataEffect>

</Pie2DSeries>

</series>

<backgroundElements>

<CanvasElement>

<Image source=”./man-and-woman.png” top=”80″ left=”200″ width=”180″ height=”200″/>
<Label text=”48.2%” left=”230″ horizontalCenter=”0″ verticalCenter=”0″ fontSize=”20″ fontWeight=”bold” color=”#000000″ backgroundAlpha=”0″/>
<Label text=”51.8%” left=”315″ horizontalCenter=”0″ verticalCenter=”0″ fontSize=”20″ fontWeight=”bold” color=”#000000″ backgroundAlpha=”0″/>

</CanvasElement>

</backgroundElements>

</Pie2DChart>

</KoolChart>