Book Image

Sencha Charts Essentials

By : Ajit Kumar
Book Image

Sencha Charts Essentials

By: Ajit Kumar

Overview of this book

Table of Contents (16 chapters)
Sencha Charts Essentials
About the Author
About the Reviewers

Engaging users with gestures

Now, we are able to create some great looking charts and style them with our Awesome theme. However, it would be great if we could enable our users to interact with the chart, so they can get more information out of the presentation. For example, to figure out the sales amount for Q2, the user would have to look at the x axis and y axis labels to get the Q2 sales figure. However, if we can intercept the mouseover event on the bar and show the information in a tooltip, getting the same information is quicker.

Sencha Charts provides interactions to build interactivity in your chart. This is implemented by the base abstract class, Ext.chart.interactions.Abstract.

There are various built-in interactions implemented by the framework that we can leverage, such as Crosshair, CrossZoom, ItemHighlight, ItemInfo, PanZoom, Rotate, and RotatePie3D. While Crosshair, CrossZoom, and PanZoom interactions apply to cartesian charts, Rotate applies to polar charts, ItemHighlight...