How to Fill PieChart Explode Wedge Potion

Question

All,
I need to create a Pie Chart with two Wedges using perWedgeExplodeRadius = [0,0.2]. It works fine. But my requirments is i need to fill the explode wedge potion with someother color.
I have attached the expected PieChart, i need help for how to achive the gray potion. It's possible to draw a circle around the chart or there is any way to fill that explode potion. Please help me.
Thanks in advance.
By,
Dhanasekaran

Answer 1

Figured it out.
Here is a simple example;
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/11/15/displaying-a-pieseries-items-data-when-a-user-clic ks-an-item-in-a-flex-piechart-control/ -->
<s:Application
    xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:mx="library://ns.adobe.com/flex/mx"
    xmlns:s="library://ns.adobe.com/flex/spark"
    >
    <fx:Declarations>
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import mx.charts.series.items.PieSeriesItem;
            import mx.charts.events.ChartItemEvent;
            [Bindable]
            public var chartDP:Array = [
                {wedgeName:'Pie wedge 1', percent:45 },
                {wedgeName:'Pie wedge 2', percent:25},
                {wedgeName:'Pie wedge 5', percent:22},
                {wedgeName:'Pie wedge 4', percent:8}
            private function pieChart_itemClick(evt:ChartItemEvent):void {
                var psi:PieSeriesItem = evt.hitData.chartItem as PieSeriesItem;
                myTextArea.text += "\rwedgeName: "+psi.item.wedgeName+" percent: "+ psi.item.percent;
        ]]>
    </fx:Script>
<s:VGroup>
    <mx:PieChart id="pieChart"
                 dataProvider="{chartDP}"
                 itemClick="pieChart_itemClick(event);"
                 showDataTips="false"
                 height="300"
                 width="300">
        <mx:series>
            <mx:PieSeries id="pieSeries"
                          field="percent">
            </mx:PieSeries>
        </mx:series>
    </mx:PieChart>
    <s:TextArea id="myTextArea"  y="82" width="350" height="250" />
</s:VGroup>
</s:Application>