From the category archives:

Charting

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.

Full code after the jump.

[click to continue…]

{ 3 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 }

The following example shows how you can display the labels in a ColumnSeries either vertically or horizontally in a ColumnChart control in Flex by setting the Boolean showLabelVertically property.

Full code after the jump.

[click to continue…]

{ 4 comments }

Adding custom labels to a Flex ColumnChart control’s column series

by Peter deHaan November 25, 2007

The following example shows how you can create custom labels for a ColumnChart control’s ColumnSeries in Flex, as well as creating custom label functions for a linear axis and custom data tips for the ColumnChart control.
Full code after the jump.

Read the full article →

Changing the default column width ratio of a ColumnChart control in Flex

by Peter deHaan November 24, 2007

The following example shows how you can customize the column width in a Flex ColumnChart control by setting the columnWidthRatio style, as seen in the following snippet:

<mx:ColumnChart id="columnChart" columnWidthRatio="0.85">

// …

</mx:ColumnChart>

Full code after the jump.

Read the full article →

Setting a ColumnChart control’s item roll over color and item selection color in Flex

by Peter deHaan November 24, 2007

The following code shows you how you can customize the item roll over color and item selection color in a Flex ColumnChart control by setting the itemRollOverColor and itemSelectionColor styles.
Full code after the jump.

Read the full article →

Adding a stroke around a ColumnSeries item in a Flex ColumnChart control

by Peter deHaan November 22, 2007

The following example shows how you can add a stroke around chart items in a Flex ColumnChart control.
Full code after the jump.

Read the full article →