Creating a cartesian chart

We will start by making a cartesian chart. A cartesian chart must have axes and a series along with the dataset:

1. Create a project using Sencha Cmd with SCE as the application name.
2. Edit the app/view/main/Main.js file and replace its contents with the following code to create a cartesian chart that shows quarterly sales and quarterly orders:

   Ext.define('SCE.view.main.Main', {
      extend: 'Ext.container.Container',
   
          xtype: 'app-main',
      
      layout: {
          type: 'fit'
      },
   
      items: [{
          xtype: 'cartesian',
          title: 'Chart',
          height: 500,
          width: 500,
          insetPadding: 40,
          legend: true,
          store: {
              fields: ['month', 'sales', 'order'],
              data: [
                  { month: 'Q1', sales: 100, order: 20 },
                  { month: 'Q2', sales: 250, order: 120 },
                  { month:...