找到一个Flex中LineChart很好的学习博客

http://blog.flexexamples.com/category/linechart/

里面链接复制的时候失效了，请直接点击原页面进行查看

Setting specific minimum and maximum ranges for a Flex LineChart control LinearAxis
November , 2007Charting, LineChartinterval, maximum, minimum, minorInterval
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.

Continue reading →

Aligning data in a Flex LineChart control to horizontal and vertical tick marks
November , 2007Charting, GridLines, LineCharthorizontalTickAligned, verticalTickAligned
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 →

Alternating background column colors in a Flex LineSeries chart
November , 2007Charting, LineChartlabelFunction, verticalAlternateFill, verticalFill
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 →

Changing a chart legend’s direction
November , 2007Charting, Legend, LineChartdirection
The following example shows how you can change the direction of a Flex chart’s legend by setting the direction property, as seen in the following snippet:

<mx:Legend dataProvider="{lineChart}" direction="horizontal" />
Full code after the jump.

Continue reading →

Creating a custom label function on a Flex LineChart control’s category axis
November , 2007CategoryAxis, Charting, LineChartlabelFunction
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 →

Changing the horizontal grid line frequency in a Flex LineChart control using the horizontalChangeCount style
November , 2007Charting, GridLines, LineChartbackgroundElements, horizontalChangeCount
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 →

Displaying grid lines in a Flex LineChart control
November , 2007Charting, GridLines, LineChartbackgroundElements, direction
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 →

Alternating background row colors in a Flex LineSeries chart
November , 2007Charting, GridLines, LineChart, SolidColorbackgroundElements, horizontalAlternateFill, horizontalFill
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 →

Customizing the horizontal grid lines in a Flex LineChart control
November , 2007Charting, GridLines, LineCharthorizontalStroke, stroke
The following example shows how you can customize the horizontal grid lines in a Flex LineChart control by the horizontalStroke style.

Full code after the jump.

Continue reading →

Creating a custom label function on a Flex LineChart control’s linear axis
November , 2007Charting, CurrencyFormatter, LinearAxis, LineChartlabelFunction
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 →