Showing a group of bars and columns

Our data set contains data1, data2, data3, data4, and data5 fields, besides the name field. Suppose, for every month for your monthly expenses, data1 represents the actual expense whereas data2 represents the estimated expense and we want to see the visuals for both the values being presented for each of the expense categories, that is, we need to show a group of bars for each category. In the bar and column charts, Sencha Touch supports showing a group of bars in the place of a single bar. This recipe will show how to do that.

Getting ready

Make sure that you have set up your development environment by following the recipes outlined in Chapter 1.

How to do it…

Carry out the following steps:

  1. Edit the ch07_06.js

Get Sencha Touch Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.