To set the line strok
use LineSeries object and set a 'lineStroke' property with the help of
setStyle method like
lineSeriesObj.setStyle("lineStroke", Stroke Object ....... );
this works fine ............
you can also set a renderer color, Renderer Border color and Line
Color.
Let me know if you have any problem making this works.
Thanks,
Kaleem
On Oct 13, 1:27 pm, Panel Minimize Maximize Help
<[email protected]> wrote:
> Below is some sample code that can draw LineSeries Graph dynamically.
> It works perfectly . The one thing I don't know how to set is the
> linestroke for this graphs.
> how can i set this for the graph that is getting drawn below.
>
> <mx:lineStroke>
> <mx:Stroke weight="2"/>
> </mx:lineStroke>
>
> <mx:Script>
> <![CDATA[
>
> import mx.collections.ArrayCollection;
> import mx.charts.series.LineSeries;
> import mx.controls.Alert;
>
> [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 } ]);
>
> private var cFields:Array = [
> { 'label' : 'Profit' },
> { 'label' : 'Expenses' },
> { 'label' : 'Amount' },
> ];
>
> [Bindable]
> private var cFieldsData:ArrayCollection = new ArrayCollection
> (cFields);
>
> public function drawChart():void {
> var ls:LineSeries= new LineSeries();
> linechart2.series = [ls]; // associate the array
> var tempObj:Object;
> //create a series for each series of data
> //Profit series
> ls = new LineSeries();
> ls.displayName = 'Profit';
> ls.yField = 'Profit';
> // ls.form = "lines";
> linechart2.series[0] = ls;
>
> //Profit series
> ls = new LineSeries();
> ls.displayName = 'Expenses';
> ls.yField = 'Expenses';
> // ls.form = "curve";
> linechart2.series[1] = ls;
>
> //Amount series
> ls = new LineSeries();
> ls.displayName = 'Amount';
> ls.yField = 'Amount';
> // ls.form = "curve";
> linechart2.series[2] = ls;
> }
>
> ]]>
>
> <mx:LineChart id="linechart2" height="100%" width="100%"
> paddingLeft="5" paddingRight="5"
> showDataTips="true" dataProvider="{expensesAC}">
> <mx:horizontalAxis>
> <mx:CategoryAxis categoryField="Month"/>
> </mx:horizontalAxis>
> </mx:LineChart>
>
> <mx:Legend dataProvider="{linechart2}"/>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Flex
India Community" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/flex_india?hl=en
-~----------~----~----~----~------~----~------~--~---
