O'Reilly logo

Ext JS Data-driven Application Design by Kazuhiro Kotsutsumi

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

Creating a bar chart

In the same way as with the pie chart, first prepare the CT. Again in the same way as creating the pie chart, let's change the JavaScript file and create the bar chart HTML (source file: 07_making_a_bar_chart/ct/dashboard/bar_app.html).

Apart from the created class name (MyApp.view.dashboard.Bar), the JavaScript file here is the same as the pie chart (source file: 07_making_a_bar_chart/ct/dashboard/bar_app.js).

Implementing the Direct function

Now, it's the Direct function. As the definition is already made in config.php, I will not repeat it here.

Let's go ahead and implement the Direct method (getBarData) to get the data for the bar chart. Please refer to the source code in the source file if you want to see the content (source ...

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