If you're new here, you may want to subscribe to our RSS feed. Prefer to stay in touch via Facebook or Twitter? Become a fan or Follow us. Thanks for visiting!
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!
Ready to try Bime? Take the free trial
Author: Nicolas is responsible for IT, data visualization and design at We Are Cloud.
User Comments
Thanks for the great example code. This was exactly what I was looking for.
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 .
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?
Can we draw a trend in dotted and can we draw a line according to the specific value in the y axis of the graph.
Please reply Urgent!!.
Thanks in advance