Charting Tools Demo for Flex

TrendLineTool
I have just updated the Charting Tools Demo for Flex2.

Tools Demo

XPCharting provides a simple API for adding interactive chart tools into a chart at run time. Interactive tools are designed to let end users manipulate charts at run time, probably one of the most common usages, and the one we have implemented ourselves, is allowing users to draw trend lines over a stock chart.

The demo highlights the use of our TrendLineTool on an AxisChart which plots the DJIA for the last year.

The user can draw trend lines on the chart at run time using the mouse.

First press the mouse button down and then start to drag, a trend line is anchored where you clicked and then drawn to the current mouse location. The line is highlighted red whilst it is being sized but reverts to black once the mouse button is released.

But what if a user wants to change the trend line after it is drawn?

If you mouse over the middle of the line segment it turns blue indicating it can be moved, click down and then you can move the line to a new location. Note the line retains its current angle whilst being dragged.

But what if you want to resize or change the location of the end points?

If you mouse over the two end points of the line then line turns red indicating it can be resized and the end points moved by clicking down on the line whilst it is highlighted

Additional features included deleting lines by holding the shift key down when clicking on the line or duplicating a line by holding the control key down when clicking a line.

If you have any ideas for other tools drop us a line you never know we might just implement it.

Upcoming Features
XPCharting is continuously being updated, we are currently working on rotated text for the chart legend just what you need when you are short of space, look out for that very shortly.....

If you have any suggestion for a new feature or new chart types let me know....