O'Reilly logo

Learning Highcharts by Joe Kuan

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

Integrating Highcharts and jQuery Mobile using an Olympic medals table application

In this section we will build a mobile application for browsing the results of the Olympic 2012 medals table. This application is only tested on iPhone and iPad. The startup screen provides four menus for looking up the results as shown in the following screenshot:

Integrating Highcharts and jQuery Mobile using an Olympic medals table application

The page is made up of a list of four hyperlinks referring to other pages, as shown in the following code:

 <head> <!-- CDN load of Highcharts, jQuery and jQM --> .... </head> <body> <div data-role="page"> <div data-role="header"> <h1>London Olympic 2012 </h1> </div><!-- /header --> <div data-role="content"> ...

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