首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

EXT中 运用的 highcharts

2012-11-23 
EXT中 使用的 highcharts最近在使用EXT? 中 嵌套 highcharts的时候 遇到了? 图表 内置的? 显示层 的大小如

EXT中 使用的 highcharts

最近在使用EXT? 中 嵌套 highcharts的时候 遇到了? 图表 内置的? 显示层 的大小

如果 各位看官 想对这个js图标库 进行修改的话

就把 highcharts.src.js 图标库的 getChartSize 方法?? 重新设置

(图表中 控制不灵活的 可以改这里。 个人意见)

图表样式:

var ac = new Ext.Panel({title : '图形报表',id : "mapDiv",layout : "fit",autoScroll : true,height : 400,listeners : {activate : function(p){var data = AjaxUtil.request({url : "testAction!test.action"});var myobj= data.rows;var deptname='';var yf =[];var nf =[];var tqb =[];for(var i=0;i<myobj.length;i++){  deptname += "'"+myobj[i].DEPT_NAME+"',";   yf.push(myobj[i].YF);   nf.push(myobj[i].NF);   tqb.push(myobj[i].TQB);   }deptname = deptname.substring(0,deptname.length-1);deptname =  eval('('+"["+deptname+"]"+')');yf =  eval('('+"["+yf+"]"+')');nf =  eval('('+"["+nf+"]"+')'); var  chart = new Highcharts.Chart({      chart: {         renderTo: 'mapDiv'      },      title: {         text: '  '      },      xAxis: {         categories: deptname      },      yAxis: { min:0,     minPadding: 0.2,     maxPadding: 0.2,     tickInterval:5,     title: { text: ' '}},      tooltip: {         formatter: function() {            var s;            if (this.point.name) { // the pie chart               s = ''+                  this.point.name +': '+ this.y +' fruits';            } else {               s = ''+                  this.x  +': '+ this.y+'条工作申请';            }            return s;         }      },      legend: {         layout: 'vertical',         align: 'left',         x: 60,         verticalAlign: 'top',         y: 50,         floating: true      },      series: [{         type: 'column',         name: '当月累计',         data: yf      }, {         type: 'column',         name: '前年当月',         data: tqb      }, {         type: 'spline',         name: '当年累计',         data:  nf       }]   });}} });

?

这个图表 是双柱形和单条线图

?

如附件图展示

?

热点排行