Tag Archives: labelFunction

Alternating background column colors in a Flex LineSeries chart

In a previous example, “Alternating background row colors in a Flex LineSeries chart”, we saw how to alternate row colors in a LineSeries chart using the horizontalFill and horizontalAlternateFill styles.

In the following example, we see a similar technique for setting column background colors using the verticalFill and verticalAlternateFill styles, as seen in the following snippet:

<mx:LineChart showDataTips=true dataProvider={dp}>

    <mx:backgroundElements>
        <mx:GridLines direction=vertical>
            <mx:verticalFill>
                <mx:SolidColor color=haloBlue alpha=0.2 />
            </mx:verticalFill>
            <mx:verticalAlternateFill>
                <mx:SolidColor color=haloSilver alpha=0.2 />
            </mx:verticalAlternateFill>
        </mx:GridLines>
    </mx:backgroundElements>

    ...

</mx:LineChart>

In this example, you also see examples of setting custom label functions for a LinearAxis and CategoryAxis, both of which we’ve seen examples of before (“Creating a custom label function on a Flex LineChart control’s linear axis” and “Creating a custom label function on a Flex LineChart control’s category axis” respectively) but it’s always fun to see a few of these things in a single example.

Full code after the jump.

Continue reading Alternating background column colors in a Flex LineSeries chart

Creating a custom label function on a Flex LineChart control’s category axis

The following example shows how you can create a custom label function on a CategoryAxis in a Flex LineChart control.

For an example of creating a custom label function for the vertical/linear axis, check out “Creating a custom label function on a Flex LineChart control’s linear axis”.

Full code after the jump.

Continue reading Creating a custom label function on a Flex LineChart control’s category axis

Creating a custom label function on a Flex LineChart control’s linear axis

The following example shows how you can create a custom label function on a LinearAxis in a Flex LineChart control.

For an example of creating a custom label function for the horizontal/category axis, check out “Creating a custom label function on a Flex LineChart control’s category axis”.

Full code after the jump.

Continue reading Creating a custom label function on a Flex LineChart control’s linear axis

Formatting dates using the DateFormatter

Another basic little example showing how to format the text in a DateField control using the DateFormatter and the DateField control’s labelFunction property. This entry also shows the pretty basic trick of creating a separate ActionScript class file that holds the day names as constants so you don’t constantly have to think whether Monday is day 0 or day 1 (hint: it is day 1).

Full code after the jump.

Continue reading Formatting dates using the DateFormatter