Back to Article »

Drag & Drop Line Chart

Line chart showing realized and projected revenue. You can drag the projected data points up and down. Eventually, these updated values would be saved to a SQL database via AJAX.

More documentation about this demo and the JavaScript, FusionCharts, that powers it here.

In this demo, the anchors will represent the sales realized (not draggable) and projected (draggable). Once you've dragged a draggable datapoint, a table will appear at the bottom showing the old and new data values.

Chart will load here.

To reset back to the origional values, click the restore button above.

Values

Name
Value