O'Reilly logo

Learning Ext JS - Fourth Edition by Armando Gonzalez, Crysfel Villa, Carlos A. Méndez

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Enhancing our application with charts

The examples covered so far were in traditional code (basic examples using the Ext JS framework directly), but what happens when we want to embed the charts in an MVC or MVVM app? Well! First of all, we need to add a reference to the proper code package that we want to use:

  1. So, let's begin by opening the app.json file (the application code used in chapters 10, 11, and 12) and locating this code:
    "requires": [
     ],
  2. For use in Ext JS charting, let's change it to this:
    "requires": [
    "sencha-charts"
     ],

    Or for legacy charts (Ext JS 4), change to:

    "requires": [
    "ext-charts"
     ],
  3. After this change, save the file. Now, let's use the Sencha CMD tool. Open the CMD tool and type this:
    sencha app build
  4. By using this command, we ensure ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required