0
回答
ExtJS4 pie Chart从struts2获得数据但是不显示chart
华为云实践训练营,热门技术免费实践!>>>   

ExtJS4 pie Chart从struts2获得数据但是不显示chart,怎么回事呢?

model:


Ext.define('MyExtJS.model.ChartModel', {
			extend : 'Ext.data.Model',
			fields : [{
				    name : 'id',
				    mapping : 'id'
					}, 
					'options',
					'countRate'					]
		});




store:

var charStore= Ext.create('Ext.data.JsonStore',{
	model : 'MyExtJS.model.ChartModel',
	autoLoad: true,
       proxy:{ type:'ajax',
	 url:'system/analysis!queryAnalysisBySQId?sqId='+sqId,						reader:{
		type:'json',
	        root:'lists',
		totalProperty : 'counts'
		}
															}
	});

chart:


var myChart = Ext.create('Ext.window.Window', {
		title : '具体统计结果',
		layout : 'fit',
		autoShow : true,
		width:600,
	       height:400,
       	       items:[{
			xtype : 'chart',
			store : charStore,
			animate : true,//是否启用动画效	
			legend : {
			position : 'bottom' //图例位置
				},
			shadow : true,
			series : [{
				type : 'pie',//图表序列类型
				field : 'countRate',//对应饼状图角度的字段名
				showInLegend : true,//是否显示在图例当中
				colorSet : ['#FFFF00','#669900','#FF6699','#66CCCC'],//颜色
				label : {
				field : 'options',//标签字段名
				contrast : true,
				color : '#FFFF00',
				renderer : function(v){//自定义标签渲染函数
				return "["+v+"]";
					},
				display : 'middle',//标签显现方式
				font : '18px "Lucida Grande"'//字体
				},
				highlight : {
				segment : {
		                	margin: 10 //空白区域宽度
					},
				tips :  trackMouse : true, //否启用鼠标跟踪
			        width : 50,
				height : 28,
				renderer : function(storeItem) {//自定义渲染函	
			        var title =  storeItem.get('countRate') + '%';
				this.setTitle(title);
								}
							}
								}]
												}]
								        });


数据:




<无标签>
举报
赵小宾
发帖于4年前 0回/682阅
顶部