ext中无法JSon解析数据,不知道原因所在
[code=JScript]
Ext.chart.Chart.CHART_URL='Ext/resources/charts.swf'; //模板falsh
Ext.onReady( //onReady函数入参是一个函数
function(){
//var store=new Ext.data.JsonStore({
// fields:['name','visits','views'],
//data:[
//{name:'Jul 07',visits:245000,views:300000},
// {name:'Aug 07',visits:240000,views:350000},
// {name:'Sep 07',visits:335000,views:400000},
//{name:'Oct 07',visits:375000,views:420000},
//{name:'Nov 07',visits:490000,views:550000},
//{name:'Dec 07',visits:495000,views:580000},
//{name:'Jan 07',visits:520000,views:600000},
//{name:'Feb 07',visits:620000,views:750000}
//]
//});
var MyRecord = Ext.data.Record.create([
{name: 'name'},
{name: 'visits'},
{name: 'views'}
]);
var pie_mananode_store = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : 'testchartajaxjson.jsp'
}),
reader : new Ext.data.JsonReader(
{
root : 'data'
}, MyRecord),
baseParams:
{
type:1
}
});
pie_mananode_store.load();
alert(MyRecord.getField("name"));
new Ext.FormPanel({
title:'ExtJs pieChart',
autoWidth:true,
height:500,
renderTo:'container',
iconCls:'chart',
frame:true,
items:[{
fieldLabel:'饼图1',
name:'piechart1',
xtype:'piechart',
height:200,
store:pie_mananode_store,
dataField:'visits', //重要属性
categoryField:'name',
series:[{
style:
{
showLables:true,
/*定义pie的颜色范围及画图上显示百分比*/
colors:['#953030','#ff8c40','#ffdb59','#8dc63f','#ff4fff',
'#ffbbcc','#953040','#ff8440','#ffd459','#84c63f','#4fff44','#aabbee']
}
}],
extraStyle:
{ //添加底部图例
legend:
{
display:'bottom', //名称显示的位置,bottom为下,还有left,right
animationEnabled:true, //动画效果,默认为true
font:{family:'Tahoma',size:13}
}
}
},
{
fieldLabel:'饼图2',
name:'piechart1',
xtype:'piechart',
height:200,
store:pie_mananode_store,
dataField:'visits', //重要属性
categoryField:'name',
series:[{
style:
{
showLables:true,
/*定义pie的颜色范围及画图上显示百分比*/
colors:['#953030','#ff8c40','#ffdb59','#8dc63f','#ff4fff',
'#ffbbcc','#953040','#ff8440','#ffd459','#84c63f','#4fff44','#aabbee']
}
}],
extraStyle:
{ //添加底部图例
legend:
{
display:'bottom', //名称显示的位置,bottom为下,还有left,right
animationEnabled:true, //动画效果,默认为true
font:{family:'Tahoma',size:13}
}
}
}
]
});
}
);
<body><% String type=request.getParameter("type"); System.out.println(type); String rejsonstr=""; //{name:'Jul 07',visits:245000,views:300000}, // {name:'Aug 07',visits:240000,views:350000}, // {name:'Sep 07',visits:335000,views:400000}, //{name:'Oct 07',visits:375000,views:420000}, //{name:'Nov 07',visits:490000,views:550000}, //{name:'Dec 07',visits:495000,views:580000}, //{name:'Jan 07',visits:520000,views:600000}, //{name:'Feb 07',visits:620000,views:750000} rejsonstr="{data:[{name:'Jul 07',visits:245000,views:300000}," + "{name:'Aug 07',visits:240000,views:350000}," + "{name:'Sep 07',visits:335000,views:400000}," + "{name:'Oct 07',visits:375000,views:420000}," + "{name:'Nov 07',visits:490000,views:550000}," + "{name:'Dec 07',visits:495000,views:580000}," + "{name:'Jan 07',visits:520000,views:600000}," + "{name:'Feb 07',visits:620000,views:750000}]}"; System.out.println(rejsonstr); response.getWriter().print(rejsonstr); System.out.println(3); %></body>