Hi there.

I have problem with column chart that is every time I added a line seriese,

preexistent columns getting smaller.

How do I fix it?

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
xmlns:my="*">

<mx:Script>
<![CDATA[
import mx.charts.series.LineSeries;

private function ShowAvgLine():void
{
var newSeries:Array = chart.series.slice();
var trendLine:LineSeries = new LineSeries();
trendLine.yField = 'Avg';
newSeries.push(trendLine);
chart.series = newSeries;
chart.invalidateSeriesStyles();
}
]]>
</mx:Script>

<mx:Button x="28" y="424" label="Show Avg Line" click="ShowAvgLine()"/>
<mx:ColumnChart x="10" y="10" id="chart" dataProvider="{Team.Item}">
<mx:series>
<mx:ColumnSeries yField="Team1"/>
<mx:LineSeries yField="Team2"/>
</mx:series>
</mx:ColumnChart>

<mx:XML id="Team">
<items>
<Item>
<Month>Jan</Month>
<Team1>200</Team1>
<Team2>150</Team2>
<Team3>120</Team3>
<Team4>50</Team4>
<Avg>250</Avg>
</Item>
<Item>
<Month>Feb</Month>
<Team1>210</Team1>
<Team2>120</Team2>
<Team3>150</Team3>
<Team4>40</Team4>
<Avg>270</Avg>
</Item>
<Item>
<Month>Mar</Month>
<Team1>350</Team1>
<Team2>100</Team2>
<Team3>170</Team3>
<Team4>50</Team4>
<Avg>300</Avg>
</Item>
<Item>
<Month>Apr</Month>
<Team1>450</Team1>
<Team2>100</Team2>
<Team3>250</Team3>
<Team4>40</Team4>
<Avg>330</Avg>
</Item>
<Item>
<Month>May</Month>
<Team1>550</Team1>
<Team2>80</Team2>
<Team3>330</Team3>
<Team4>60</Team4>
<Avg>380</Avg>
</Item>
<Item>
<Month>Jun</Month>
<Team1>800</Team1>
<Team2>80</Team2>
<Team3>450</Team3>
<Team4>50</Team4>
<Avg>450</Avg>
</Item>
<Item>
<Month>Jul</Month>
<Team1>500</Team1>
<Team2>70</Team2>
<Team3>300</Team3>
<Team4>40</Team4>
<Avg>550</Avg>
</Item>
</items>
</mx:XML>

</mx:Application>

Adobe Newsbot hopes that the following resources helps you. NewsBot is experimental and any feedback (reply to this post) on its utility will be appreciated:

Flex 3 - Defining axis labels:
In that function, Flex appends '07 to the axis labels, and displays the labels .... <mx:LineSeries yField='5' form='curve' displayName='5%'/> <mx:LineSeries
Link: http://livedocs.adobe.com/flex/3/htm...ngdata_06.html

Flex Charting: help on showing line series based on list box:
Jan 26, 2007 ... 1002 & 1003, basically, in 3 different line series, its not coming, hence would appreciate any help in this. im posting the code & xml
Link: http://www.actionscript.org/forums/s....php3?t=126863

Alternating background column colors in a Flex LineSeries chart at:
In this example, you also see examples of setting custom label functions for a LinearAxis ... xmlns:mx='http://www.adobe.com/2006/mxml' layout='vertical'
Link: http://blog.flexexamples.com/2007/11...eseries-chart/

Flex Monkey Patches Blog Archive Flex Charting Interactive Legend:
Sep 6, 2007 ... <mx:Application xmlns:mx='http://www.adobe.com/2006/mxml'> ... var lineSer:LineSeries = findSeries(event.item.label);
Link: http://blog.flexmonkeypatches.com/20...active-legend/

Removing the default drop shadow from a LineChart chart in Flex at:
Hi, how can the shadow be removed programmatically from a lineseries? ... xmlns:mx=http://www.adobe.com/2006/mxml layout=vertical verticalAlign=middle
Link: http://blog.flexexamples.com/2007/11...chart-in-flex/

mx.charts.series.LineSeries (Flex 2.0.1 Language Reference):
Specifies whether this component is included in the layout of the parent container. ...... If null , the LineSeries assumes the data provider is an Array of
Link: http://livedocs.adobe.com/flex/201/l...ineSeries.html


Disclaimer: This response is generated automatically by the Adobe NewsBot based on Adobe [L=Community Engine]http://community.adobe.com/ion/search.html[/L].