Ext 4 Chart Themes - where are they?

[loiane]

Hi,

I was looking at the chart examples and I saw many of them uses the 'Category2' theme, but I could not find it.

Ext.create('Ext.chart.Chart', {
 *         renderTo: Ext.getBody(),
 *         width: 500,
 *         height: 300,
 *         animate: true,
 *         theme:'Category2',
 *         store: store,
 *         axes: [{
 *             type: 'Radial',
 *             position: 'radial',
 *             label: {
 *                 display: true
 *             }
 *         }],

Does anyone know where I can find the declaration of this theme?

[nickbretz]

You can find it in the file extjs/src/chart/theme/Base.js

    //Create theme from color array
    for (i = 0; i < cats; i++) {
        themes['Category' + (i + 1)] = (function(category) {
            return Ext.extend(themes.Base, {
                constructor: function(config) {
                    themes.Base.prototype.constructor.call(this, Ext.apply({
                        colors: category
                    }, config));
                }
            });
        })(categories[i]);
    }

[dawesi]

Charts are based on our draw library (aka SVG) so they have their own themes.

Category1 to Category6 and various others, plus you can create your own themes and apply them.

there is an example here in the docs