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

来源：互联网发布：怎么算开通了淘宝客编辑：程序博客网时间：2024/06/05 02:59

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