The goal of this chapter was to deploy Highcharts graphs on mobile touch devices. To do that, we used a mobile web development framework, jQuery Mobile. We worked through a very brief introduction and the concepts of the framework. We then examined how to integrate Highcharts with jQuery Mobile.

Then, we demonstrated a mobile application to show the results of the Olympic 2012 medals table. A menu of charts was built using the jQuery Mobile dialog page, and then we showed how to use the single-touch, multi-touch, and orientation events to navigate between charts. We also showed how to use the Highcharts click event to build a dialog page dynamically.

In the next chapter, we will learn how to apply Highcharts with ExtJs, a very powerful and popular Rich Internet Application (RIA) framework for building a desktop-style application.