Introducing a Flex Charting trend line component

How to draw trend lines on Flex Charts? Actually, you just have to add the trendline drawer component on the annotation section of your charts.

<chartsExtention:ColoredAndSizedColumnChart id="chart" width="100%" height="100%">
  <chartsExtention:annotationElements>
	<DataCanvas:TrendCartesianDataCanvas id="trendCanvas" includeInRanges="true"/>
   </chartsExtention:annotationElements>
...

Now you can call method like drawLinearTrend() or drawPolynomialTrend(). It’s that easy and should work with all cartesian charts (column / bar / plot etc…) without extra work.

Have a look here for a demo. View source enabled.

Let us know for any trouble. Huge credits to the as3mathlib for the maths.

We don’t stop to add features like this in Bime so if you are interested in, register above to the Beta. It should come very soon: jump on the bandwagon!

Author:  Nicolas is responsible for IT, data visualization and design at We Are Cloud.