Setting a custom label function on a PieChart in Flex

By Peter deHaan On September 26, 2008 · 3 Comments

The following example shows how you can set a custom label function on a Flex PieChart control by setting the labelFunction property on the PieSeries object.

Full code after the jump.

Continue Reading →

Displaying a PieSeries item’s data when a user clicks an item in a Flex PieChart control

By Peter deHaan On November 15, 2007 · 5 Comments

The following example shows how you can display the selected pie series item when the user clicks a wedge in a PieChart control.

Full code after the jump.

Continue Reading →

Drawing transparent pie wedges in a Flex PieChart control

By Peter deHaan On November 11, 2007 · 1 Comment

The following example shows how you can create transparent wedges in a Flex PieChart control by setting the SolidColor object’s alpha property to 0, as seen in the following snippet:

<mx:PieChart dataProvider="{arrColl}" height="100%" width="100%"> <mx:series> <mx:PieSeries id="pieSeries" field="data"> <mx:fills> <mx:SolidColor alpha="0.0" /> <mx:SolidColor color="haloBlue" alpha="1.0" /> </mx:fills> <mx:filters> <mx:Array /> </mx:filters> </mx:PieSeries> </mx:series> </mx:PieChart>

Full [...]

Continue Reading →

Changing the default fill colors in a Flex PieChart control

By Peter deHaan On November 11, 2007 · Leave a Comment

The following examples show how you can change the default fill colors for a Flex PieChart control by setting the fills style using either CSS or MXML.

Full code after the jump.

Continue Reading →

Exploding all wedges in a Flex PieChart control using the explodeRadius property

By Peter deHaan On November 10, 2007 · 4 Comments

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:

<mx:PieChart dataProvider="{dp.product}" height="100%" width="100%"> <mx:series> <mx:PieSeries field="@data" labelPosition="callout"> <mx:explodeRadius>0.2</mx:explodeRadius> <mx:filters> <mx:Array /> </mx:filters> </mx:PieSeries> </mx:series> </mx:PieChart>

If you want to explode individual wedges, simply use the perWedgeExplodeRadius property.

[...]

Continue Reading →

Customizing radial strokes in a Flex PieChart control

By Peter deHaan On November 10, 2007 · 2 Comments

The following example shows how you can customize the radial stroke in a Flex PieChart control by using the PieSeries class’s radialStroke style and the mx.graphics.Stroke class, as seen in the following snippet:

<mx:PieChart dataProvider="{dp.product}" height="250" width="100%"> <mx:series> <mx:PieSeries id="pieSeries" field="@data"> <mx:radialStroke> <mx:Stroke color="black" weight="2" /> </mx:radialStroke> <mx:filters> <mx:Array /> </mx:filters> </mx:PieSeries> </mx:series> </mx:PieChart>

Full [...]

Continue Reading →

Customizing callout strokes in a Flex PieChart control

By Peter deHaan On November 10, 2007 · Leave a Comment

The following example shows how you can customize the callout stroke in a Flex PieChart control by using the PieSeries class’s calloutStroke style and the mx.graphics.Stroke class, as seen in the following snippet:

<mx:PieChart dataProvider="{dp.product}" height="250" width="100%"> <mx:series> <mx:PieSeries id="pieSeries" field="@data"> <mx:calloutStroke> <mx:Stroke color="black"weight="2" /> </mx:calloutStroke> <mx:filters> <mx:Array /> </mx:filters> </mx:PieSeries> </mx:series> </mx:PieChart>

To see [...]

Continue Reading →

Exploding wedges in a Flex PieChart control based on user input

By Peter deHaan On November 10, 2007 · 4 Comments

The following example shows how you can explode individual wedges in a PieChart when the user changes the value of a Slider control, or rolls over an item in a List control. For other examples of PieChart wedge exploding, check out “Exploding wedges in a Flex PieChart control”.

Full code after the jump.

Continue Reading →

Creating a simple PieChart in Flex using ActionScript

By Peter deHaan On November 7, 2007 · 17 Comments

The following example shows how you can create a simple PieChart in Flex using ActionScript instead of MXML.

Full code after the jump.

 

Continue Reading →

Creating custom fills in a Flex PieChart control using the fillFunction property

By Peter deHaan On November 7, 2007 · 5 Comments

The following example shows how you can set fill colors in a Flex PieChart by specifying a custom fill function. In this example the fill function calculates the fill color based on the percentage value of each item. The larger the wedge, the brigher the fill color.

Full code after the jump.

Continue Reading →

Rotating a Flex PieChart control when a user clicks on an item

By Peter deHaan On November 7, 2007 · Leave a Comment

The following example shows how you can rotate a PieChart in Flex when the user clicks on an item. This allows you to make sure that the clicked item always appears at 0 degrees rotation (off to the right).

Full code after the jump.

Continue Reading →

Exploding wedges in a Flex PieChart control

By Peter deHaan On November 6, 2007 · 7 Comments

The following example shows how you can explode specific wedges in a PieChart control when the user clicks an item in the chart.

Full code after the jump.

 

Continue Reading →