O'Reilly logo

Highcharts Cookbook by Nicholas Terwoord

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

Demonstrating time zones with gauge charts

There are a lot of straightforward uses of charts, especially for charts that are used in reports. However, one of the advantages of using a library for rendering dynamic charts is, well, dynamism. By leveraging the dynamic nature of Highcharts along with its gauge chart, we can do some very interesting things, such as creating a clock.

Getting ready

To set up a basic page and installing jQuery and Highcharts, refer to the instructions in the Getting ready section of the Creating your first chart recipe in Chapter 1, Getting Started with Highcharts.

How to do it...

To get started, follow the ensuing instructions:

  1. Create HTML fields for our time zones using the following code:
    <div id='container'></div>
    <label ...

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