Tag Archives: backgroundElements

Changing the horizontal grid line frequency in a Flex LineChart control using the horizontalChangeCount style

The following example shows how you can adjust the interval of horizontal grid lines in a LineChart by setting the horizontalChangeCount style.

Full code after the jump.

Continue reading Changing the horizontal grid line frequency in a Flex LineChart control using the horizontalChangeCount style

Displaying grid lines in a Flex LineChart control

The following example shows how you can add horizontal or vertical (or both) grid lines to a LineChart contol in Flex by setting the direction style in the GridLines tags, as seen in the following snippet:

<mx:LineChart dataProvider="{dp}">

    <mx:backgroundElements>
        <mx:GridLines direction="vertical" />
    </mx:backgroundElements>

</mx:LineChart>

Full code after the jump.

Continue reading Displaying grid lines in a Flex LineChart control

Alternating background row colors in a Flex LineSeries chart

The following example shows how you can alternate background row colors in a LineSeries chart in Flex by setting the horizontalAlternateFill style in the GridLines object, as seen in the following snippet:

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

    <mx:backgroundElements>
        <mx:GridLines>
            <mx:horizontalAlternateFill>
                <mx:SolidColor color="haloSilver" alpha="0.25" />
            </mx:horizontalAlternateFill>
        </mx:GridLines>
    </mx:backgroundElements>

</mx:LineChart>

Full code after the jump.

Continue reading Alternating background row colors in a Flex LineSeries chart