Search Flex Samples

Removing the drop shadow from a Flex PieChart control

The following example shows how you can remove the default drop shadow from a Flex PieChart control by setting the filters property to an empty array in the PieSeries tag, as seen in the following snippet:




<mx:PieChart id="pieChart"

dataProvider="{dp.product}"

height="250"

width="100%">

<mx:series>

<mx:PieSeries id="pieSeries"

field="@data"

filters="[]" />

</mx:series>

</mx:PieChart>

Full code after the jump.


View MXML


<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="vertical"

verticalAlign="middle"

backgroundColor="white"

creationComplete="init();">



<mx:Script>

<![CDATA[

import mx.controls.Button;



private var defaultFilters:Array;



private function init():void {

defaultFilters = pieSeries.filters;

}



private function toggleFilters(evt:Event):void {

if (Button(evt.currentTarget).selected) {

pieSeries.filters = [];

} else {

pieSeries.filters = defaultFilters;

}

}

]]>

</mx:Script>



<mx:XML id="dp">

<products>

<product label="Product 1" data="3" />

<product label="Product 2" data="1" />

<product label="Product 3" data="4" />

<product label="Product 4" data="1" />

<product label="Product 5" data="5" />

<product label="Product 6" data="9" />

</products>

</mx:XML>



<mx:ApplicationControlBar dock="true">

<mx:Button label="Toggle filters"

toggle="true"

change="toggleFilters(event);" />

</mx:ApplicationControlBar>



<mx:PieChart id="pieChart"

dataProvider="{dp.product}"

height="250"

width="100%">

<mx:series>

<mx:PieSeries id="pieSeries"

field="@data" />

</mx:series>

</mx:PieChart>

</mx:Application>

0 comments:

Related Flex Samples

Learn Flex: Flex Samples | Flex Video Tutorials Flex Examples