<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Flex Examples &#187; explodeRadius</title>
	<atom:link href="http://blog.flexexamples.com/tag/exploderadius/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.flexexamples.com</link>
	<description>Just a bunch of Adobe Flex Examples</description>
	<lastBuildDate>Wed, 26 Jan 2011 18:09:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Exploding all wedges in a Flex PieChart control using the explodeRadius property</title>
		<link>http://blog.flexexamples.com/2007/11/10/exploding-all-wedges-in-a-flex-piechart-control-using-the-exploderadius-property/</link>
		<comments>http://blog.flexexamples.com/2007/11/10/exploding-all-wedges-in-a-flex-piechart-control-using-the-exploderadius-property/#comments</comments>
		<pubDate>Sat, 10 Nov 2007 22:39:06 +0000</pubDate>
		<dc:creator>Peter deHaan</dc:creator>
				<category><![CDATA[Charting]]></category>
		<category><![CDATA[PieChart]]></category>
		<category><![CDATA[PieSeries]]></category>
		<category><![CDATA[explodeRadius]]></category>

		<guid isPermaLink="false">http://blog.flexexamples.com/2007/11/10/exploding-all-wedges-in-a-flex-piechart-control-using-the-exploderadius-property/</guid>
		<description><![CDATA[<p>The following example shows how you can explode all wedges in a PieChart at once by using the explodeRadius property, as seen in the following snippet:</p> &#60;mx:PieChart dataProvider=&#34;{dp.product}&#34; height=&#34;100%&#34; width=&#34;100%&#34;&#62; &#60;mx:series&#62; &#60;mx:PieSeries field=&#34;@data&#34; labelPosition=&#34;callout&#34;&#62; &#60;mx:explodeRadius&#62;0.2&#60;/mx:explodeRadius&#62; &#60;mx:filters&#62; &#60;mx:Array /&#62; &#60;/mx:filters&#62; &#60;/mx:PieSeries&#62; &#60;/mx:series&#62; &#60;/mx:PieChart&#62; <p>If you want to explode individual wedges, simply use the <a href="http://blog.flexexamples.com/tag/perwedgeexploderadius/">perWedgeExplodeRadius</a> property.</p> [...]]]></description>
			<content:encoded><![CDATA[<p>The following example shows how you can explode all wedges in a PieChart at once by using the <code>explodeRadius</code> property, as seen in the following snippet:</p>
<pre class="code">
&lt;mx:PieChart dataProvider=&quot;{dp.product}&quot; height=&quot;100%&quot; width=&quot;100%&quot;&gt;
    &lt;mx:series&gt;
        &lt;mx:PieSeries field=&quot;@data&quot; labelPosition=&quot;callout&quot;&gt;
            <span style="color:red;">&lt;mx:explodeRadius&gt;0.2&lt;/mx:explodeRadius&gt;</span>
            &lt;mx:filters&gt;
                &lt;mx:Array /&gt;
            &lt;/mx:filters&gt;
        &lt;/mx:PieSeries&gt;
    &lt;/mx:series&gt;
&lt;/mx:PieChart&gt;
</pre>
<p>If you want to explode individual wedges, simply use the <a href="http://blog.flexexamples.com/tag/perwedgeexploderadius/">perWedgeExplodeRadius</a> property.</p>
<p>Full code after the jump.</p>
<p><span id="more-289"></span></p>
<p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/PieSeries_explodeRadius_test/main.mxml">View MXML</a></p>
<pre class="code">
&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;!-- http://blog.flexexamples.com/2007/11/10/exploding-all-wedges-in-a-flex-piechart-control-using-the-exploderadius-property/ --&gt;
&lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"&gt;

    &lt;mx:Script&gt;
        &lt;![CDATA[
            import mx.events.SliderEvent;

            private function setExplodeRadius(evt:SliderEvent):void {
                pieSeries.explodeRadius = evt.value;
            }
        ]]&gt;
    &lt;/mx:Script&gt;

    &lt;mx:XML id="dp"&gt;
        &lt;products&gt;
            &lt;product label="Product 1" data="3" /&gt;
            &lt;product label="Product 2" data="1" /&gt;
            &lt;product label="Product 3" data="4" /&gt;
            &lt;product label="Product 4" data="1" /&gt;
            &lt;product label="Product 5" data="5" /&gt;
            &lt;product label="Product 6" data="9" /&gt;
        &lt;/products&gt;
    &lt;/mx:XML&gt;

    &lt;mx:ApplicationControlBar dock="true"&gt;
        &lt;mx:Form styleName="plain"&gt;
            &lt;mx:FormItem label="explodeRadius:"&gt;
                &lt;mx:HSlider id="slider"
                        minimum="0.0"
                        maximum="0.8"
                        value="0.2"
                        liveDragging="true"
                        showTrackHighlight="true"
                        snapInterval="0.1"
                        tickInterval="0.1"
                        change="setExplodeRadius(event);" /&gt;
            &lt;/mx:FormItem&gt;
        &lt;/mx:Form&gt;
    &lt;/mx:ApplicationControlBar&gt;

    &lt;mx:PieChart id="pieChart"
            dataProvider="{dp.product}"
            height="100%"
            width="100%"&gt;
        &lt;mx:series&gt;
            &lt;mx:PieSeries id="pieSeries"
                    field="@data"
                    labelPosition="callout"&gt;
                &lt;mx:explodeRadius&gt;0.2&lt;/mx:explodeRadius&gt;
                &lt;mx:filters&gt;
                    &lt;mx:Array /&gt;
                &lt;/mx:filters&gt;
            &lt;/mx:PieSeries&gt;
        &lt;/mx:series&gt;
    &lt;/mx:PieChart&gt;

&lt;/mx:Application&gt;
</pre>
<p class="information"><a href="http://blog.flexexamples.com/wp-content/uploads/PieSeries_explodeRadius_test/bin/srcview/index.html">View source</a> is enabled in the following example.</p>
<p><iframe src="http://blog.flexexamples.com/wp-content/uploads/PieSeries_explodeRadius_test/bin/main.html" width="100%" height="400"></iframe></p>
<div class="evernoteSiteMemory"><a href="javascript:" onclick="Evernote.doClip({title: 'Exploding all wedges in a Flex PieChart control using the explodeRadius property on FlexExamples.com',url: 'http://blog.flexexamples.com/2007/11/10/exploding-all-wedges-in-a-flex-piechart-control-using-the-exploderadius-property/',contentID: 'post-289',code: 'Pete9667',suggestNotebook: 'FlexExamples',suggestTags: 'explodeRadius',providerName: 'FlexExamples.com',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-remember.png" class="evernoteSiteMemoryButton" />
				</a>				<div class="evernoteSiteMemoryClear">&nbsp;</div>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.flexexamples.com/2007/11/10/exploding-all-wedges-in-a-flex-piechart-control-using-the-exploderadius-property/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

