The following example shows how you can set a specific minimum and maximum LinearAxis range for a LineChart control in Flex.
Full code after the jump.
Archive for November 19th, 2007
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’
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’
