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.
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.
To get started, follow the ensuing instructions:
Create HTML fields for our time zones using the following code:
<div id='container'></div> <label for='timezone'>Timezone:</label> <select name='timezone' id='timezone'> <option value='localtime'>Localtime</option> <option value='-8'>Pacific (UTC-08:00)</option> <option value...