From the category archives:

PieChart

In a previous example, “Setting the font weight on a charting Legend control in Flex”, we saw how you could set the font weight of a Flex Charting Legend control by setting the fontWeight style on the LegendItem CSS selector.

The following example shows how you can set the font weight of an MX Legend control by setting the fontWeight style on the LegendItem CSS selector in Flex 4.

[click to continue…]

{ 0 comments }

The following example shows how you can set the horizontal and vertical gaps on a Flex Legend control by setting the horizontalGap and verticalGap styles.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can set the marker width and marker height on a Flex Legend control by setting the markerWidth and markerHeight styles.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can set the label placement on a Flex Legend control by setting the labelPlacement style.

Full code after the jump.

[click to continue…]

{ 1 comment }

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.

[click to continue…]

{ 1 comment }

The following example shows how you can set the font weight of a Flex Charting Legend control by setting the fontWeight style on the LegendItem CSS selector.

[click to continue…]

{ 4 comments }

In a previous example, “Toggling data tips on a PieChart in Flex”, we saw how you could toggle data tips on a Flex PieChart control by setting the showDataTips property.

The following example shows how you can toggle data tip targets on a Flex PieChart control by setting the showDataTipTargets style.

Full code after the jump.

[click to continue…]

{ 2 comments }

The following example shows how you can toggle data tips on a Flex PieChart control by setting the showDataTips property.

Full code after the jump.

[click to continue…]

{ 2 comments }

Animating a Flex PieChart control’s rotation when a user clicks on an item

by Peter deHaan November 22, 2007

In a previous example, “Rotating a Flex PieChart control when a user clicks on an item”, we looked at changing a PieChart’s rotation when the user clicked on a pie wedge. In the following example, we look at how to add a nice animation effect with some easing to make the effect a bit more [...]

Read the full article →

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

by Peter deHaan November 15, 2007

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.

Read the full article →

Drawing transparent pie wedges in a Flex PieChart control

by Peter deHaan November 11, 2007

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">
[...]

Read the full article →

Changing the default fill colors in a Flex PieChart control

by Peter deHaan November 11, 2007

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.

Read the full article →