请问flex的LineChart中怎样设置线条的粗细和颜色

Question

请问flex的LineChart中怎样设置曲线的粗细和颜色
网上找了很久，没找到...
最好是用actionscript实现

Answer 1

举例如下：

定义笔触（颜色和粗细）

定义填充

使用笔触

使用笔触和填充

一个LineChart的完全例子，使用了3种笔触和填充，摘自[url]http://www.airia.cn/FLEX4API/livedocs/[/url]
[code="xml"]
<?xml version="1.0"?>

<mx:Script>
    <![CDATA[

    import mx.collections.ArrayCollection;

    [Bindable]
    private var expensesAC:ArrayCollection = new ArrayCollection( [
        { Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 },
        { Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
        { Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 },
        { Month: "Apr", Profit: 1800, Expenses: 1200, Amount: 900 },
        { Month: "May", Profit: 2400, Expenses: 575, Amount: 500 } ]);
    ]]>
</mx:Script>

<!-- Define custom colors for use as fills in the AreaChart control. -->
<mx:SolidColor id="sc1" color="blue" alpha=".3"/>
<mx:SolidColor id="sc2" color="red" alpha=".3"/>
<mx:SolidColor id="sc3" color="green" alpha=".3"/>

<!-- Define custom Strokes. -->
<mx:Stroke id = "s1" color="blue" weight="2"/>
<mx:Stroke id = "s2" color="red" weight="2"/>
<mx:Stroke id = "s3" color="green" weight="2"/>

<mx:Panel title="LineChart and AreaChart Controls Example" 
    height="100%" width="100%" layout="horizontal">

    <mx:LineChart id="linechart" height="100%" width="45%"
        paddingLeft="5" paddingRight="5" 
        showDataTips="true" dataProvider="{expensesAC}">

        <mx:horizontalAxis>
            <mx:CategoryAxis categoryField="Month"/>
        </mx:horizontalAxis>

        <mx:series>
            <mx:LineSeries yField="Profit" form="curve" displayName="Profit" lineStroke="{s1}"/>
            <mx:LineSeries yField="Expenses" form="curve" displayName="Expenses" lineStroke="{s2}"/>
            <mx:LineSeries yField="Amount" form="curve" displayName="Amount" lineStroke="{s3}"/>
        </mx:series>
    </mx:LineChart>

    <mx:Legend dataProvider="{linechart}"/>

    <mx:AreaChart id="Areachart" height="100%" width="45%"
         paddingLeft="5" paddingRight="5" 
         showDataTips="true" dataProvider="{expensesAC}">

        <mx:horizontalAxis>
            <mx:CategoryAxis categoryField="Month"/>
        </mx:horizontalAxis>

        <mx:series>
            <mx:AreaSeries yField="Profit" form="curve" displayName="Profit" areaStroke="{s1}" areaFill="{sc1}"/>
            <mx:AreaSeries yField="Expenses" form="curve" displayName="Expenses" areaStroke="{s2}" areaFill="{sc2}"/>
            <mx:AreaSeries yField="Amount" form="curve" displayName="Amount" areaStroke="{s3}" areaFill="{sc3}"/>
        </mx:series>
    </mx:AreaChart>

    <mx:Legend dataProvider="{Areachart}"/>

</mx:Panel>

/mx:Application
[/code]