Bar chart is another series which can be used to help the user visualize and compare the data. In this recipe, we will see how to use the bar series to get a bar chart generated.
Make sure that you have set up your development environment by following the recipes outlined in Chapter 1.
Carry out the following steps:
Create and open a new file named
ch07_05.js
and paste the following code into it:Ext.setup({ onReady: function() { var store = new Ext.data.JsonStore(...); //defined in Area Chart recipe var chart = new Ext.chart.Chart({ fullscreen: true, width: 500, height: 300, animate: true, store: store, axes: [{ type: 'Numeric', position: 'bottom', fields: ['data1'], title: 'Sample Values', grid: true, minimum: 0 }, { type: 'Category', position: 'left', fields...