Ext.chart.Chart

The Ext.chart package provides the capability to visualize data. Each chart binds directly to an Ext.data.Store enabling automatic updates of the chart. A chart configuration object has some overall styling options as well as an array of axes and series. A chart instance example could look like:

var chart = new Ext.chart.Chart({
        renderTo: Ext.getBody(),
        width: 800,
        height: 600,
        animate: true,
        store: store1,
        renderTo: Ext.getBody(),
        shadow: true,
        theme: 'Category1',
        legend: {
            position: 'right'
        },
        axes: [ ...some axes options... ],
        series: [ ...some series options... ]
    });

In this example we set the `width` and `height` of the chart, we decide whether our series are animated or not and we select a store to be bound to the chart. We also turn on shadows for all series, select a color theme `Category1` for coloring the series, set the legend to the right part of the chart and then tell the chart to render itself in the body element of the document. For more information about the axes and series configurations please check the documentation of each series (Line, Bar, Pie, etc).