Ext JS 4 Line Chart Themeing
Sometimes using Ext JS 4.1 default chart themeing is not enough, we might want to change the colors, or to have more than the default number which will be repeated once all of them are used. There are currently 7 default themes defined: "Base, Green, Sky, Red, Purple, Blue, Yellow, Category 1-6", In the Base theme all the attributes are predefined, in the color name themes, the colors are calculated by a base color which get stronger or lighter to create the scheme and in the categories the color scheme is predefined by a complete set of colors. For example, category1 is defined as: ['#f0a50a', '#c20024', '#2044ba', '#810065', '#7eae29'] In the following example we are going to create a simple chart with: two axes (Date and Numeric), one line series and using a default theme: 'Category 2', then we will define a new theme and use it instead: The chart: Ext.create('Ext.chart.Chart', { renderTo: Ext.get...