Style у линий графиков.
Всем доброго времени суток:)
Не изменяется цвет линии в графиках: Ext.require(['Ext.*']); Ext.onReady(function() { Ext.QuickTips.init(); // Блок 1. Ext.define('BlackFrog', { extend: 'Ext.data.Model', fields: ['name', 'data1'] }); var store = Ext.create('Ext.data.JsonStore', { model: 'BlackFrog', //loading: true, proxy: { type: 'ajax', url: './engine/getData.php', actionMethods: 'POST', reader: { type: 'json', root: 'contents' } } }); store.load(); // Окончание блока 1. var chart1 = Ext.create('Ext.chart.Chart',{ xtype: 'chart', animate: false, store: store, insetPadding: 30, axes: [{ type: 'Numeric', minimum: 0, position: 'left', fields: ['data1'], title: false, grid: true, label: { renderer: Ext.util.Format.numberRenderer('0,0'), font: '10px Arial' } }, { type: 'Category', position: 'bottom', fields: ['name'], title: false, label: { font: '11px Arial', renderer: function(name) { return name.substr(0, 3) + ' 07'; } } }], series: [{ type: 'line', axis: 'left', xField: 'name', yField: 'data1', listeners: { itemmouseup: function(item) { Ext.example.msg('Item Selected', item.value[1] + ' visits on ' + Ext.Date.monthNames[item.value[0]]); } }, tips: { trackMouse: true, width: 80, height: 40, renderer: function(storeItem, item) { this.setTitle(storeItem.get('name')); this.update(storeItem.get('data1')); } }, style: { fill: '#38B8BF', stroke: '#38B8BF' }, markerConfig: { type: 'circle', } }] }); var panel1 = Ext.create('widget.panel', { width: 600, height: 300, title: 'ExtJS.com Visits Trends, 2007/2008 (No styling)', renderTo: Ext.getBody(), layout: 'fit', items: chart1 }); }); Заметил странность, что цвет линии не изменяется при получении данных методом AJAX из php. Стоит только заменить Блок 1 на пример рандомной генераци данных из EXT JS: window.generateData = function(n, floor){ var data = [], p = (Math.random() * 11) + 1, i; floor = (!floor && floor !== 0)? 20 : floor; for (i = 0; i < (n || 12); i++) { data.push({ name: Ext.Date.monthNames[i % 12], data1: Math.floor(Math.max((Math.random() * 100), floor)) }); } return data; }; window.generateDataNegative = function(n, floor){ var data = [], p = (Math.random() * 11) + 1, i; floor = (!floor && floor !== 0)? 20 : floor; for (i = 0; i < (n || 12); i++) { data.push({ name: Ext.Date.monthNames[i % 12], data1: Math.floor(((Math.random() - 0.5) * 100), floor) }); } return data; }; window.store = Ext.create('Ext.data.JsonStore', { fields: ['name', 'data1'], data: generateData() }); то линии, о чудо, начинают менять цвета как мне нужно. То бишь при получении данных случайной генерации из javascript окрашивание линий проходи, а при AJAX тишина. Сталкивались с подобными проблемами?:) |
Ох, и это тоже баг, рановато я видимо перешел на версию 4.1:)
http://www.sencha.com/forum/showthre...es-not-applied |
Часовой пояс GMT +3, время: 20:11. |