Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Highcharts Essentials

You're reading from   Highcharts Essentials Create interactive data visualization charts with the Highcharts JavaScript library

Arrow left icon
Product type Paperback
Published in Oct 2014
Publisher
ISBN-13 9781783983964
Length 228 pages
Edition 1st Edition
Languages
Arrow right icon
Author (1):
Arrow left icon
Bilal Shahid Bilal Shahid
Author Profile Icon Bilal Shahid
Bilal Shahid
Arrow right icon
View More author details
Toc

Table of Contents (11) Chapters Close

Preface 1. Getting Started with Highcharts FREE CHAPTER 2. Column and Bar Charts 3. Line and Spline Charts 4. Area, Scatter, and Bubble Charts 5. Pie, Polar, and Spider Web Charts 6. Other Chart Types 7. Theming with Highcharts 8. Exploring Highcharts APIs and Events 9. Going Further with Highcharts Index

Using jQuery UI easing for series animation


Animations occurring at the point of initialization of charts can be disabled or customized. The customization requires modifying two properties: animation.duration and animation.easing. The duration property accepts the number of milliseconds for the duration of the animation. The easing property can have various values depending on the framework currently being used. For a standalone jQuery framework, the values can be either linear or swing. Using the jQuery UI framework adds a couple of more options for the easing property to choose from.

In order to follow this example, you must include the jQuery UI framework to the page. You can also grab the standalone easing plugin from http://gsgd.co.uk/sandbox/jquery/easing/ and include it inside your <head> tag.

We can now modify the series to have a modified animation:

plotOptions: {
  ...
  series: {
    animation: {
      duration: 1000,
      easing: 'easeOutBounce'
    }
  }
}

The preceding code...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image