Some ways you can use Bime:

“Accountant: instead of sending a spreadsheet each month, create an online dashboard and give your customer a unique url.”
Introducing a Flex Charting trend line component

Introducing a Flex Charting trend line component

3
February 9, 2009 by nicolas

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.

  • Digg
  • del.icio.us
  • StumbleUpon
  • Technorati
  • Twitter

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!

  • Digg
  • del.icio.us
  • StumbleUpon
  • Technorati
  • Twitter

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

Related posts:

  1. A richer Flex Charting Framework
  2. Stealing Gumbo’s templates: the fastest way to use SWFObject to embed all your flex 3 apps
  3. Day 10 : Papervision + Adobe AIR fun
  4. Streaming video from Amazon S3 to a Flex application
  5. Optimize your Flex / Flash app with the AS3 performance explorer

RSS Feed of We Are Cloud

User Comments

  • Tony AlvesNo Gravatar
    October 26, 2009

    Thanks for the great example code. This was exactly what I was looking for.

  • tokiotribeNo Gravatar
    October 26, 2009

    Dear, i can not draw the line when i change the TrendLineDrawer.mxml file below . before >>> after >>> i would like you to show the reason . thanks .

  • WolffenTCINo Gravatar
    December 28, 2009

    This is wonderful! I am curious though, is there a way to modify the drawRegressionLine function to refer to a chart’s ColumnSet instead of the chart’s series?

Post a Comment

Your email is never shared. Required fields are marked *

*
*