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 }] });}} });
?
这个图表 是双柱形和单条线图
?
如附件图展示
?