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:
The initial 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"> ...
Get Learning Highcharts 4 now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
