Question

extjs4.0折线图如何获取动态数据

Ext.onReady(function () {
Ext.define('BaseParm', {
extend : 'Ext.data.Model',
fields : [ "cpuRecord","recordDate" ]
});
var store = Ext.create('Ext.data.JsonStore', {
model : 'BaseParm',
autoLoad : true,
proxy : {
type : 'ajax',
url : '/single!getBaseParm.action',
reader : {
type : 'json',
root : 'deviceBaseParm'
},
simpleSortMode : true
}
});
Ext.create(Ext.chart.Chart,{
renderTo:Ext.getBody(),width:500,height:300,
store:store,
axes:[{
type:'Numeric',
position:'left',
fields:['cpuRecord']
},
{
type:'Category',
position:'bottom',
fields:['recordDate']
}],
series:[{
type:'line',
axis:'left',
xField:'recordDate',
yField:'cpuRecord'
}]
})
});
数据应该是获取了 但是显示不出来 哪位大哥帮我看看哪写错了

Answer 1

Ext.create('Ext.chart.Chart',{

要打引号，撸主不仔细哦。

我用你的代码，做了个json获取，得到下图，说明代码没问题。如果你加了引号还有问题，那就是你的proxy代理的问题了。

下为测试json：

{
	deviceBaseParm:[{
		recordDate:'aa',
		cpuRecord:20
	},{
		recordDate:'bb',
		cpuRecord:30
	},{
		recordDate:'cc',
		cpuRecord:40
	},{
		recordDate:'dd',
		cpuRecord:50
	},{
		recordDate:'ee',
		cpuRecord:60
	},{
		recordDate:'ff',
		cpuRecord:70
	},{
		recordDate:'gg',
		cpuRecord:80
	}]
}

Answer 2

需要把你的action返回的json数据样本贴出来看看结构

Answer 3

json有个特点，最后一个数字后边不能加","