Thursday, August 30, 2012

Simple dynamically updating line chart generation using jqPlot

jqPlot is a nice plotting plugin for the jQuery javascript framework. While i was working i just had to create a simple example to see how the library works. So i created this dynamically updating chart which plots random data in 5s intervals. The orientation of the graph can also be flipped. This was achieved from a simple rotation of the div element containing the chart using CSS rules, and rotating the axis labels correspondingly.

This is just a small code, but there was no example to see how this feature works. If any of you need to see how to implement a dynamically updating, vertical/horizontal chart using jqPlot you can have a look at this.

View the next step of this tutorial: Tracking mouse position on your vertical, annotatable, jqPlot line chart