Next
Update
Prev
Default

If you want to create a doughnut 3d chart, create the <Pie3DChart> element tag with setting the value of the innerRadius attribute. The innerRadius attribute determines the radius of the hole which is located at the center of the pie chart.

...
<Pie3DChart showDataTips="true" innerRadius="0.3" depth="50" paddingLeft="100" paddingTop="50" paddingRight="100" paddingBottom="50" >
...					
  <Pie3DSeries nameField="Country" field="Export" startAngle="-120" renderDirection="clockwise" labelPosition="inside" color="#ffffff">
  ...
  </Pie3DSeries>
...
</Pie3DChart>
...

<Pie3DChart>

innerRadius The innerRadius attribute determines the radius of the hole which is located at the center of the pie chart. The value is the percentage of the radius of the outer circle. The valid range is "0" ~ "1" and the default value is "0".
depth The depth attribute determines the depth of pie cylinder. The default value is "20".
paddingLeft The paddingLeft attribute determines the size of the left margin. The default value is "0".
paddingTop The paddingTop attribute determines the size of the top margin. The default value is "3".
paddingRight The paddingRight attribute determines the size of the right margin. The default value is "0".
paddingBottom The paddingBottom attribute determines the size of the bottom margin. The default value is "0".

<Pie3DSeries>

renderDirection The renderDirection attribute determines the rendering direction of the pie chart. The valid values are "clockwise", "counterClickwise", and the default value is "counterClockwise".

© 2017 KoolChart. All rights reserved.