O'Reilly logo

Learning Ext JS 4 by Armando Gonzalez, Crysfel Villa

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

Charts

Now that we know how the drawing package works, we are ready to see how the Ext JS library uses the package capabilities in the chart package.

The chart package is a set of classes that define a chart container to manage axes, legends, series, labels, tips, cartesian and radial coordinates, and specific series like Pie, Area, Bar, Radar, Gauge, and so on.

The Ext.chart.Chart class is the main drawing surface for series. It manages the rendering of each series and also manages how axes are defined and drawn.

Legend

The chart configuration object accepts a legend parameter to enable legend items for each series and to set the position of the legend as follows:

legend: {
  position: 'left' // possible values are left, top, bottom, right
}

Axis

The ...

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