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
...