Archive for the 'Charting' Category

29
Sep

Setting the horizontal and vertical gaps on a Legend control in Flex

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.

Continue reading ‘Setting the horizontal and vertical gaps on a Legend control in Flex’

28
Sep

Setting the marker width and height on a Legend control in Flex

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.

Continue reading ‘Setting the marker width and height on a Legend control in Flex’

27
Sep

Setting the label placement on a Legend control in Flex

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.

Continue reading ‘Setting the label placement on a Legend control in Flex’

26
Sep

Setting a custom label function on a PieChart in Flex

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 ‘Setting a custom label function on a PieChart in Flex’

25
Sep

Setting the font weight on a charting Legend control in Flex

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.

Continue reading ‘Setting the font weight on a charting Legend control in Flex’

13
Sep

Toggling data tip targets on a PieChart in Flex

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.

Continue reading ‘Toggling data tip targets on a PieChart in Flex’

13
Sep

Toggling data tips on a PieChart in Flex

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.

Continue reading ‘Toggling data tips on a PieChart in Flex’

23
Jan

Displaying the labels vertically in Flex ColumnChart control

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.

Continue reading ‘Displaying the labels vertically in Flex ColumnChart control’

25
Nov

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

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.

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

24
Nov

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

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.

Continue reading ‘Changing the default column width ratio of a ColumnChart control in Flex’

24
Nov

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

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.

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

22
Nov

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

The following example shows how you can add a stroke around chart items in a Flex ColumnChart control.

Full code after the jump.

Continue reading ‘Adding a stroke around a ColumnSeries item in a Flex ColumnChart control’

22
Nov

Creating a radial gradient fill on a ColumnChart control’s column series in Flex

In a previous example, “Creating a linear gradient fill on a ColumnChart control’s column series in Flex”, we saw how to create a linear gradient fill for a ColumnChart in Flex. In the following example we look at how to create a radial gradient fill.

Full code after the jump.

Continue reading ‘Creating a radial gradient fill on a ColumnChart control’s column series in Flex’

22
Nov

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

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 smooth.

Full code after the jump.

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

20
Nov

Creating a linear gradient fill on a ColumnChart control’s column series in Flex

The following example shows how you can create a linear gradient fill for a ColumnSeries in Flex.

Full code after the jump.

Continue reading ‘Creating a linear gradient fill on a ColumnChart control’s column series in Flex’




July 2009
M T W T F S S
« Jun    
 12345
6789101112
13141516171819
20212223242526
2728293031  

Badge Farm

  • Powered by Redoable 1.2
  • Cornify
  • Feeds burnt by Feedburner
  • Feed