O'Reilly logo

Learning jqPlot by Scott Gottreu

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Animating line charts

We have completed our experiments with the cursor and highlighter plugins. Now, we'll try and add some eye candy to our reports. We take our Social Media Shares chart used earlier in the chapter and add one line to the plot: animate: true. This will cause the lines to load from left to right:

...
title:'Social Media Shares',
animate:true,
dataRenderer: remoteDataSource,
...

We load the updated chart and see the animation run:

Animating line charts

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required