Category Archives: GridLines

Aligning data in a Flex LineChart control to horizontal and vertical tick marks

The following example shows how you can align the tick marks along the vertical and horizontal axis using the horizontalTickAligned and verticalTickAligned styles in the GridLines class, as seen in the following snippet:

<mx:GridLines direction="both"
    horizontalTickAligned="false"
    verticalTickAligned="false">

    ...

</mx:GridLines>

Full code after the jump.

Continue reading Aligning data in a Flex LineChart control to horizontal and vertical tick marks

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