I'm using FusionCharts 3.2,how to change the color of labels in categor charts, please see the screenshot
And my code is as below:
pie.xml:
<chart pieRadius='180' bgAlpha='0,0' palette='2' showValue='1' formatNumberScale='0' piefillAlpha='34'
pieBorderThickness='0' showBorder='0' hoverFillColor='FDCEDA' pieBorderColor='FFFFFF' baseFontSize='9'
useHoverColor='1' showLabels='1' bgColor='FFFFFF'>
<category showValue='1' label='Overall' value='4083033.00' hoverText='4083033.00' fillColor='DBFF6C'>
<category label='Controls' value='1600.00' hoverText='1600.00' fillColor='DBFF6C'
link='javascript:ajaxGraphLink("B_1","Business: Controls")'>
<category label='Electrical' value='880.00' hoverText='880.00' fillColor='DBFF6C'
link='javascript:ajaxGraphLink("SB_1","Sub Business: Electrical")'></category>
<category label='Fabrications' value='720.00' hoverText='720.00' fillColor='DBFF6C'
link='javascript:ajaxGraphLink("SB_2","Sub Business: Fabrications")'></category>
</category>
<category label='Chemical' value='1720.00' hoverText='1720.00' fillColor='DBFF6C'
link='javascript:ajaxGraphLink("B_2","Business: Chemical")'>
<category label='Synthetic' value='1660.00' hoverText='1660.00' fillColor='DBFF6C'
link='javascript:ajaxGraphLink("SB_3","Sub Business: Synthetic")'></category>
<category label='Bases' value='60.00' hoverText='60.00' fillColor='DBFF6C'
link='javascript:ajaxGraphLink("SB_4","Sub Business: Bases")'></category>
</category>
<category label='Equipment' value='14180.00' hoverText='14180.00' fillColor='DBFF6C'
link='javascript:ajaxGraphLink("B_3","Business: Equipment")'>
<category label='Piping' value='6360.00' hoverText='6360.00' fillColor='DBFF6C'
link='javascript:ajaxGraphLink("SB_5","Sub Business: Piping")'></category>
<category label='Packaging' value='7820.00' hoverText='7820.00' fillColor='DBFF6C'
link='javascript:ajaxGraphLink("SB_6","Sub Business: Packaging")'></category>
</category>
<category label='Consumables' value='1980.00' hoverText='1980.00' fillColor='DBFF6C'
link='javascript:ajaxGraphLink("B_4","Business: Consumables")'>
<category label='Fiber' value='20.00' hoverText='20.00' fillColor='DBFF6C'
link='javascript:ajaxGraphLink("SB_7","Sub Business: Fiber")'></category>
<category label='Lab materials' value='1980.00' hoverText='1980.00' fillColor='DBFF6C'
link='javascript:ajaxGraphLink("SB_8","Sub Business: Lab materials")'></category>
</category>
</category>
<styles>
<definition>
<style type="font" name="SubCaptionFont" size="15" color="000000"/>
</definition>
<application>
<apply toObject="DATALABELS" styles="SubCaptionFont"/>
</application>
</styles>
</chart>
pie.html:
<div id="pie"></div>
<script type="text/javascript">
FusionCharts.setCurrentRenderer('javascript')
chartObj = new FusionCharts({
swfUrl: "/myweb/charts/demo/MultiLevelPie.swf",
width: "600", height: "400",
id: 'sampleChart2',
dataSource: "/myweb/test/pie.xml",
dataFormat: FusionChartsDataFormats.XMLURL,
renderAt: 'pie'
}).render();
</script>
I've tried every objects possible to toObject, but no one is right.