Chapter 9. Highcharts and jQuery Mobile
Highcharts does not only work in desktop browsers but also supports mobile platforms. In this chapter, we will explore how to deploy Highcharts into mobile platforms with a web mobile framework, jQuery Mobile, which is built on top of jQuery. A very brief introduction of jQuery Mobile is given. We will look into a couple of areas that are crucial to understanding the basics of the mobile framework. Then we will integrate Highcharts and jQuery Mobile by building a mobile application using an Olympic 2012 medals table. We will demonstrate how to apply mobile events such as swipe, rotation, and pinch to navigate through the charts.
Introducing jQuery Mobile
Understanding mobile page structure
Understanding page initialization
Linking between mobile pages
Integrating Highcharts and jQuery Mobile
Drilling down for data from one chart to another
Changing chart displays with touch actions—swipe, rotate, and pinch