前台显示: var record = Ext.data.Record.create( [ { name : 'dtestTime' }, { name : 'cprojectResult' }, { name : 'creference' },{ name : 'cprojectName' },{ name : 'cunit' },{ name : 'lprojectId' },{ name : 'line1chart' },{ name : 'line2chart' },{ name : 'line3chart' },{ name : 'line4chart' }]); var reader = new Ext.data.JsonReader( {
root : 'result' }, record) var proxy = new Ext.data.HttpProxy( { url : __ctxPath + "/workroom/lineChartProject.do?lnumberid=2", method : 'POST' }) var store = new Ext.data.Store( { proxy : proxy, reader : reader, listeners : { load : function(e, records) { var recordcount = store.getCount(); } } }) store.load();
this.Panel=new Ext.Panel({ title: 'ExtJS.com Visits Trend, 2007/2008 (No styling)', //renderTo: 'container', width:500, height:300, layout:'fit', region : "center",
var record = Ext.data.Record.create( [ {
name : 'dtestTime'
}, {
name : 'cprojectResult'
}, {
name : 'creference'
},{
name : 'cprojectName'
},{
name : 'cunit'
},{
name : 'lprojectId'
},{
name : 'line1chart'
},{
name : 'line2chart'
},{
name : 'line3chart'
},{
name : 'line4chart'
}]);
var reader = new Ext.data.JsonReader( {
root : 'result'
}, record)
var proxy = new Ext.data.HttpProxy( {
url : __ctxPath + "/workroom/lineChartProject.do?lnumberid=2",
method : 'POST'
})
var store = new Ext.data.Store( {
proxy : proxy,
reader : reader,
listeners : {
load : function(e, records) {
var recordcount = store.getCount();
}
}
})
store.load();
this.Panel=new Ext.Panel({
title: 'ExtJS.com Visits Trend, 2007/2008 (No styling)',
//renderTo: 'container',
width:500,
height:300,
layout:'fit',
region : "center",
items: {
xtype: 'linechart',
store: store,
xField: 'dtestTime',
sort:true,
//yField: 'cprojectResult',
series: [{//列
type: "line",
displayName: "收缩压",
yField: "line1chart",
style: {
color:'00FF00'
}
},
{
type: "line",
displayName: "舒张压",
yField: "line2chart",
style: {
color:'FFFF00'
}
},
{
type: "line",
displayName: "平均压",
yField: "line3chart",
style: {
color:'CC0000'
}
},
{
type: "line",
displayName: "脉率",
yField: "line4chart",
style: {
color:'FF00FF'
}
}
],
extraStyle:
{
legend:
{
display: 'bottom',
padding: 5,
font:
{
family: 'Tahoma',
size: 13
}
}
},
listeners: {
itemclick: function(o){
var rec = store.getAt(o.index);
Ext.example.msg('Item Selected', 'You chose {0}.', rec.get('name'));
}
}
}
});