In previous recipes, we saw how to get grouped bars in a bar or a column chart. The Sencha Touch Chart framework provides functionality where using one of the tap events, the grouped bars can be converted into stacked bars and vice versa. This recipe will show how to use that functionality.
Make sure that you have set up your development environment by following the recipes outlined in Chapter 1.
Carry our the following steps:
Edit the
ch07_06.js
file and add theinteractions
properties, highlighted in bold, to the chart object as follows:var chart = new Ext.chart.Chart({ fullscreen: true, width: 500, height: 300, animate: true, store: store, axes: [………………], series: [……………], interactions: [{ type: 'togglestacked' }] });
Save the change and access the application from the browser or the device of your...