extjs使用store加载远程数据chart报错

extjs使用store加载远程数据到chart组件时，出现警告信息

在firebug中可见日志输出如下：

Unexpected value NaN parsing height attribute.
Unexpected value NaN parsing y attribute.

此处store数据是来自solr查询结果，chart为pie饼图类型，其它类型图表未做测试。

由于store中的数据是动态从远端服务器获取的，在store提供给chart时，store中的数据一般情况下是空的，这时chart使用空的store就会出现上面的警告信息。

解决的办法就是在store加载数据成功之后才去创建chart，这样就能保证是有数据的store了，自然也不会出现警告了。

以下是部分代码：

// 定义数据模型

Ext.define('MyChart', {
  extend : 'Ext.data.Model',
  fields : [{
	name : 'type',
	mapping : 'groupValue'
  }, {
	name : 'num',
	mapping : 'doclist.numFound',
	type : 'int'
  }]
});

// 定义store

var store = Ext.create('Ext.data.JsonStore', {
  model : 'MyChart',
  proxy : {
	type : 'ajax',
	url : 'solr/select/',
	reader : {
	  type : 'json',
	  root : 'grouped.someField.groups'
	},
	extraParams : {
	  'fl' : '*',
	  'q' : '*:*',
	  'group' : true,
	  'group.field' : 'someField',
	  'group.ngroups' : true,
	  'wt' : 'json'
	}
  }
});

// 加载数据，成功后绘制chart

store.load({
  callback : function(r, options, success) {
	if (success == false) {
	  // show some error message
	} else {
	  // create chart
	}
  }
});

转载地址：http://flyash.itcao.com/post_1142.html