Ext JS offers a complete drawing library just as it did in its previous version. This drawing library is intended to be used with the chart components. However, the Sencha team has not only focused on the charting components, but has also decided to implement a more versatile set of tools that form the core of the charting library.
This means that we can use the drawing package to implement cross-browser custom graphics. The drawing package contains an Ext.draw.Surface class that abstracts graphics implementation and enables the developer to create arbitrarily shaped sprites that respond to the user. It also provides a rich set of animations.
The topics we are going to cover in this chapter are as follows:
Basic drawing
Adding interactions
Charts (we will cover types such as legend, axis, gradients, and series)
Series examples (in this section, Bar, Pie, and 3D bars will be described)
Now, before we begin, it's important to mention that Draw and Chart classes...