Highcharts in touch-screen environments

The good thing about Highcharts is that it works perfectly well on both desktop browsers and web mobile environments without requiring any change of code. The only part that needs some consideration is events handling, because mobile devices are all touch-screen based and that means the mouse cursor is invisible.

In Highcharts, all the mouse hover events can still be triggered in touch devices, even though the mouse cursor is not shown. For instance, suppose we define a series with the mouseOut, mouseOver, and click events handling. If we touch the series, both the mouseOver and click events are triggered. However, if we touch another series causing the previous selected series to be unselected, a mouseOut event for the first series is fired. Needless to say, the sequence of events would be different with a real pointing device. In general, we should refrain from using any mouse hover events in touch-screen based devices.

In the next section, we will learn how to integrate jQM with Highcharts, including how to apply touch events to charts, how to use the chart click events to launch another chart and mobile page, and so on.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.129.42.134