O'Reilly logo

Highcharts Cookbook by Nicholas Terwoord

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

Using Highcharts in ExtJS

Now that we have a basic understanding of how to set up an ExtJS project, we are able to get started and create our first chart in ExtJS. Much of what we have already learned can be applied, but there are differences worth noting.

Getting ready

We will need to download the Highcharts extension for ExtJS.

  1. Create an account on the Sencha network at https://id.sencha.com/users/sign_up because this is necessary to access the market.
  2. Download the Highcharts extension (Version 2.3) found in the Sencha market (http://market.sencha.com/extensions/highcharts/).
  3. Unzip the Highcharts extension so that our project looks like the following hierarchy:
    my_project/
      app.js
      index.html
      extjs/
      resources/
        Chart/
          ux/
  4. Highcharts and jQuery are not ...

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