ExtJs中的charts

var typeStore = new Ext.data.Store({
    autoLoad : {params : {groupId : nId, groupParent : strGp,startTime : initTime(70), endTime: initTime(0), devId : mDevId, factId : mFactId}},
    reader  : new Ext.data.XmlReader({
     totalProperty : 'results',
     record   : 'DevKzlVo'
     },
     Ext.data.Record.create([
      {name : 'groupName'},
      {name : 'carNo'},        
      {name : 'devId'},         
      {name : 'ksl', type : 'float'},     //这里一定要加类型,要不然,图表中不能正常显示 
      {name : 'zsl', type : 'float'},         
      {name : 'nums'}     
     ])
    ),
    proxy : new Ext.data.HttpProxy({
     url :'/HrbSystem/ChartExt.do?command=devKsl'  
    })
   })

 

 


    var chart = new Ext.chart.ColumnChart({
     store  : typeStore,
          xField : 'carNo',
             series : [{yField: 'zsl',displayName:'实载率'},
                   {yField: 'ksl',displayName:'空载率'}],
             xAxis: new Ext.chart.CategoryAxis({
                 title: '车牌号'
             }),
       extraStyle:{          
           legend:{       
               display: 'bottom'
           } 
       } 
    }); 
      
        var mColPanel = new Ext.Panel({
         // width : 700,
          //height : 300,
          renderTo: 'container',
          items : chart
      });

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值