Ext+FusionCharts图形报表展示

最新推荐文章于 2019-01-10 11:27:41 发布
最新推荐文章于 2019-01-10 11:27:41 发布
阅读量4.8k 收藏 1
点赞数
分类专栏： EXT3 FusionCharts

1.html文件

 

[xhtml]  view plain copy
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">     
  2. <html xmlns="http://www.w3.org/1999/xhtml">     
  3. <head>     
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />     
  5. <title>FusionCharts图形报表展示</title>     
  6. <link rel="stylesheet" type="text/css" media="all" href="../ext/resources/css/ext-all.css" mce_href="ext/resources/css/ext-all.css" />     
  7. <mce:script type="text/javascript" src="../ext/adapter/ext/ext-base.js" mce_src="ext/adapter/ext/ext-base.js"></mce:script>     
  8. <mce:script type="text/javascript" src="../ext/ext-all.js" mce_src="ext/ext-all.js"></mce:script>     
  9. <mce:script type="text/javascript" src="../ext/build/locale/ext-lang-zh_CN.js" mce_src="ext/build/locale/ext-lang-zh_CN.js"></mce:script>     
  10. <mce:script type="text/javascript" src="js/FusionCharts.js" mce_src="js/FusionCharts.js"></mce:script>     
  11. <mce:script type="text/javascript" src="js/Test.js" mce_src="js/Test.js"></mce:script>      
  12. </head>     
  13. <body>     
  14. </body>     
  15. </html>   

 

2.test.js

 

 

[javascript]  view plain copy
  1. Ext.BLANK_IMAGE_URL = '../ext/resources/images/default/s.gif';  
  2. //左边功能树     
  3. Ext.onReady(function(){     
  4.        var  win=new Ext.Window({  
  5.         title:'falsh报表展示1',  
  6.             layout:'fit',  
  7.             width:500,  
  8.             height:400,  
  9.             closeAction:'close',  
  10.             plain:true,  
  11.             html:'<div id="chart1div"></div>'  
  12.         });  
  13.           
  14.     var FCF_MSColumn3DPanel=new Ext.Panel({  
  15.         title:'综合3D柱状图',  
  16.         html:'<div id="chart1div"></div>'  
  17.     });  
  18.     var FCF_Column3DPanel=new Ext.Panel({  
  19.         title:'3D柱状图',  
  20.         html:'<div id="chart2div"></div>'  
  21.     });  
  22.     var FCF_Pie3DPanel=new Ext.Panel({  
  23.         title:'3D饼状图',  
  24.         html:'<div id="chart3div"></div>'  
  25.     });  
  26.       
  27.     var tabPanel=new Ext.TabPanel({  
  28.             autoTabs       : true,  
  29.             activeTab      : 0,  
  30.             deferredRender : false,  
  31.             border         : false,  
  32.             items:[FCF_MSColumn3DPanel,FCF_Column3DPanel,FCF_Pie3DPanel]  
  33.     });  
  34.     tabPanel.on("tabchange",function(tp,p){  
  35.         tp.doLayout();    
  36.     })    
  37.     win.add(tabPanel);  
  38.     win.show();  
  39.     win.on("beforedestroy",function(win){  
  40.         win.show();  
  41.         return false;  
  42.     });  
  43.   
  44.   
  45.         var chart1 = new FusionCharts("../SWF/FCF_MSColumn3D.swf", "chart1Id", "480", "380", "0", "1");       
  46.         var xml="<graph xaxisname='机构' yaxisname='sales' hovercapbg='DEDEBE' hovercapborder='889E6D' rotateNames='0'" +  
  47.                 " yAxisMaxValue='100' numdivlines='9' divLineColor='CCCCCC' divLineAlpha='80' decimalPrecision='0' " +  
  48.                 "showAlternateHGridColor='1'font='Monaco' AlternateHGridAlpha='30' AlternateHGridColor='CCCCCC' caption='销售统计'" +  
  49.                 " subcaption='机构当月销售和上月销售对比' >" +  
  50.                 " <categories font='Monaco' fontSize='11' fontColor='000000'>" +  
  51.                 "   <category name='区域1'/>" +  
  52.                 "    <category name='区域2' />" +  
  53.                 "      <category name='区域3' />" +  
  54.                 "      <category name='区域4' />" +  
  55.                 "      <category name='区域5' />" +  
  56.                 "   </categories>" +  
  57.                 "   <dataset seriesname='四月' color='FDC12E'>" +  
  58.                 "     <set value='30' />" +  
  59.                 "     <set value='26' />" +  
  60.                 "      <set value='29' />" +  
  61.                 "      <set value='31' />" +  
  62.                 "      <set value='34' />" +  
  63.                 "  </dataset>" +  
  64.                 "    <dataset seriesname='五月' color='56B9F9'>" +  
  65.                 "     <set value='67' />" +  
  66.                 "      <set value='98' />" +  
  67.                 "      <set value='79' />" +  
  68.                 "      <set value='73' />" +  
  69.                 "      <set value='80' />" +  
  70.                 "   </dataset>" +  
  71.                 "</graph>";  
  72.           
  73.             chart1.setDataXML(xml);       
  74.             chart1.render("chart1div");   
  75.       
  76.       
  77.         var chart2 = new FusionCharts("../SWF/FCF_Column3D.swf", "chart2Id", "480", "380", "0", "1");         
  78.         chart2.setDataXML("<graph xaxisname='月度' yaxisname='销售' subcaption='机构本季度销售统计'><set name='1月' value='10' color='D2626' /><set name='2月' value='10' color='D64646' /><set name='3月' value='11' color='AFD8F8' /></graph>");  
  79.             chart2.render("chart2div");  
  80.               
  81.     var xml="<graph showNames='1'  decimalPrecision='0'  >" +  
  82.             "<set name='机构2' value='20' />" +  
  83.             "   <set name='机构3' value='7'  />" +  
  84.             "    <set name='机构4' value='12' />" +  
  85.             "    <set name='机构5' value='11' />" +  
  86.             "   <set name='机构6' value='8' />" +  
  87.             "    <set name='机构7' value='19'/>" +  
  88.             "    <set name='机构8' value='15'/>" +  
  89.             "</graph>";  
  90.   
  91.         var chart3 = new FusionCharts("../SWF/FCF_Pie3D.swf", "chart3Id", "480", "380", "0", "1");        
  92.         chart3.setDataXML(xml);  
  93.         chart3.render("chart3div");  
  94. });     

 

 

3 FusionCharts.js

 

 

 

 

[javascript]  view plain copy
  1. /** 
  2.  * FusionCharts: Flash Player detection and Chart embedding. 
  3.  * Version 1.2.3F ( 22 November 2008) - Specialized for FusionChartsFREE  
  4.  *                  Checking Flash Version >=6 and added updateChartXML() for FREE Charts. 
  5.  * Version: 1.2.3 (1st September, 2008) - Added Fix for % and & characters, scaled dimensions, fixes in to properly handling of double quotes and single quotes in setDataXML() function. 
  6.  * Version: 1.2.2 (10th July, 2008) - Added Fix for % scaled dimensions, fixes in setDataXML() and setDataURL() functions 
  7.  * Version: 1.2.1 (21st December, 2007) - Added setting up Transparent/opaque mode: setTransparent() function  
  8.  * Version: 1.2 (1st November, 2007) - Added FORM fixes for IE  
  9.  * Version: 1.1 (29th June, 2007) - Added Player detection, New conditional fixes for IE 
  10.  * 
  11.  * Morphed from SWFObject (http://blog.deconcept.com/swfobject/) under MIT License: 
  12.  * http://www.opensource.org/licenses/mit-license.php 
  13.  * 
  14.  */  
  15. if(typeof infosoftglobal == "undefined") var infosoftglobal = new Object();  
  16. if(typeof infosoftglobal.FusionChartsUtil == "undefined") infosoftglobal.FusionChartsUtil = new Object();  
  17. infosoftglobal.FusionCharts = function(swf, id, w, h, debugMode, registerWithJS, c, scaleMode, lang, detectFlashVersion, autoInstallRedirect){  
  18.     if (!document.getElementById) { return; }  
  19.       
  20.     //Flag to see whether data has been set initially  
  21.     this.initialDataSet = false;  
  22.       
  23.     //Create container objects  
  24.     this.params = new Object();  
  25.     this.variables = new Object();  
  26.     this.attributes = new Array();  
  27.       
  28.     //Set attributes for the SWF  
  29.     if(swf) { this.setAttribute('swf', swf); }  
  30.     if(id) { this.setAttribute('id', id); }  
  31.   
  32.     w=w.toString().replace(//%$/,"%25");  
  33.     if(w) { this.setAttribute('width', w); }  
  34.     h=h.toString().replace(//%$/,"%25");  
  35.     if(h) { this.setAttribute('height', h); }  
  36.   
  37.       
  38.     //Set background color  
  39.     if(c) { this.addParam('bgcolor', c); }  
  40.       
  41.     //Set Quality     
  42.     this.addParam('quality', 'high');  
  43.       
  44.     //Add scripting access parameter  
  45.     this.addParam('allowScriptAccess', 'always');  
  46.       
  47.     //Pass width and height to be appended as chartWidth and chartHeight  
  48.     this.addVariable('chartWidth', w);  
  49.     this.addVariable('chartHeight', h);  
  50.   
  51.     //Whether in debug mode  
  52.     debugMode = debugMode ? debugMode : 0;  
  53.     this.addVariable('debugMode', debugMode);  
  54.     //Pass DOM ID to Chart  
  55.     this.addVariable('DOMId', id);  
  56.     //Whether to registed with JavaScript  
  57.     registerWithJS = registerWithJS ? registerWithJS : 0;  
  58.     this.addVariable('registerWithJS', registerWithJS);  
  59.       
  60.     //Scale Mode of chart  
  61.     scaleMode = scaleMode ? scaleMode : 'noScale';  
  62.     this.addVariable('scaleMode', scaleMode);  
  63.       
  64.     //Application Message Language  
  65.     lang = lang ? lang : 'EN';  
  66.     this.addVariable('lang', lang);  
  67.       
  68.     //Whether to auto detect and re-direct to Flash Player installation  
  69.     this.detectFlashVersion = detectFlashVersion?detectFlashVersion:1;  
  70.     this.autoInstallRedirect = autoInstallRedirect?autoInstallRedirect:1;  
  71.       
  72.     //Ger Flash Player version   
  73.     this.installedVer = infosoftglobal.FusionChartsUtil.getPlayerVersion();  
  74.       
  75.     if (!window.opera && document.all && this.installedVer.major > 7) {  
  76.         // Only add the onunload cleanup if the Flash Player version supports External Interface and we are in IE  
  77.         infosoftglobal.FusionCharts.doPrepUnload = true;  
  78.     }  
  79. }  
  80.   
  81. infosoftglobal.FusionCharts.prototype = {  
  82.     setAttribute: function(name, value){  
  83.         this.attributes[name] = value;  
  84.     },  
  85.     getAttribute: function(name){  
  86.         return this.attributes[name];  
  87.     },  
  88.     addParam: function(name, value){  
  89.         this.params[name] = value;  
  90.     },  
  91.     getParams: function(){  
  92.         return this.params;  
  93.     },  
  94.     addVariable: function(name, value){  
  95.         this.variables[name] = value;  
  96.     },  
  97.     getVariable: function(name){  
  98.         return this.variables[name];  
  99.     },  
  100.     getVariables: function(){  
  101.         return this.variables;  
  102.     },  
  103.     getVariablePairs: function(){  
  104.         var variablePairs = new Array();  
  105.         var key;  
  106.         var variables = this.getVariables();  
  107.         for(key in variables){  
  108.             variablePairs.push(key +"="+ variables[key]);  
  109.         }  
  110.         return variablePairs;  
  111.     },  
  112.     getSWFHTML: function() {  
  113.         var swfNode = "";  
  114.         if (navigator.plugins && navigator.mimeTypes && navigator.mimeTypes.length) {   
  115.             // netscape plugin architecture           
  116.             swfNode = '<embed type="application/x-shockwave-flash" src="'+ this.getAttribute('swf') +'" mce_src="'+ this.getAttribute('swf') +'" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'"  ';  
  117.             swfNode += ' id="'+ this.getAttribute('id') +'" name="'+ this.getAttribute('id') +'" ';  
  118.             var params = this.getParams();  
  119.              for(var key in params){ swfNode += [key] +'="'+ params[key] +'" '; }  
  120.             var pairs = this.getVariablePairs().join("&");  
  121.              if (pairs.length > 0){ swfNode += 'flashvars="'+ pairs +'"'; }  
  122.             swfNode += '/>';  
  123.         } else { // PC IE             
  124.             swfNode = '<object id="'+ this.getAttribute('id') +'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'">';  
  125.             swfNode += '<param name="movie" value="'+ this.getAttribute('swf') +'" />';  
  126.             var params = this.getParams();  
  127.             for(var key in params) {  
  128.              swfNode += '<param name="'+ key +'" value="'+ params[key] +'" />';  
  129.             }  
  130.             var pairs = this.getVariablePairs().join("&");            
  131.             if(pairs.length > 0) {swfNode += '<param name="flashvars" value="'+ pairs +'" />';}  
  132.             swfNode += "</object>";  
  133.         }  
  134.         return swfNode;  
  135.     },  
  136.     setDataURL: function(strDataURL){  
  137.         //This method sets the data URL for the chart.  
  138.         //If being set initially  
  139.         if (this.initialDataSet==false){  
  140.             this.addVariable('dataURL',strDataURL);  
  141.             //Update flag  
  142.             this.initialDataSet = true;  
  143.         }else{  
  144.             //Else, we update the chart data using External Interface  
  145.             //Get reference to chart object  
  146.             var chartObj = infosoftglobal.FusionChartsUtil.getChartObject(this.getAttribute('id'));  
  147.               
  148.             if (!chartObj.setDataURL)  
  149.             {  
  150.                 __flash__addCallback(chartObj, "setDataURL");  
  151.             }  
  152.               
  153.             chartObj.setDataURL(strDataURL);  
  154.         }  
  155.     },  
  156.     //This function :  
  157.     //fixes the double quoted attributes to single quotes  
  158.     //Encodes all quotes inside attribute values  
  159.     //Encodes % to %25 and & to %26;  
  160.     encodeDataXML: function(strDataXML){  
  161.           
  162.             var regExpReservedCharacters=["//$","//+"];  
  163.             var arrDQAtt=strDataXML.match(/=/s*/".*?/"/g);  
  164.             if (arrDQAtt){  
  165.                 for(var i=0;i<arrDQAtt.length;i++){  
  166.                     var repStr=arrDQAtt[i].replace(/^=/s*/"|/"$/g,"");  
  167.                     repStr=repStr.replace(//'/g,"%26apos;");  
  168.                     var strTo=strDataXML.indexOf(arrDQAtt[i]);  
  169.                     var repStrr="='"+repStr+"'";  
  170.                     var strStart=strDataXML.substring(0,strTo);  
  171.                     var strEnd=strDataXML.substring(strTo+arrDQAtt[i].length);  
  172.                     var strDataXML=strStart+repStrr+strEnd;  
  173.                 }  
  174.             }  
  175.               
  176.             strDataXML=strDataXML.replace(//"/g,"%26quot;");  
  177.             strDataXML=strDataXML.replace(/%(?![/da-f]{2}|[/da-f]{4})/ig,"%25");  
  178.             strDataXML=strDataXML.replace(//&/g,"%26");  
  179.   
  180.             return strDataXML;  
  181.   
  182.     },  
  183.     setDataXML: function(strDataXML){  
  184.         //If being set initially  
  185.         if (this.initialDataSet==false){  
  186.             //This method sets the data XML for the chart INITIALLY.  
  187.             this.addVariable('dataXML',this.encodeDataXML(strDataXML));  
  188.             //Update flag  
  189.             this.initialDataSet = true;  
  190.         }else{  
  191.             //Else, we update the chart data using External Interface  
  192.             //Get reference to chart object  
  193.             var chartObj = infosoftglobal.FusionChartsUtil.getChartObject(this.getAttribute('id'));  
  194.             chartObj.setDataXML(strDataXML);  
  195.         }  
  196.     },  
  197.     setTransparent: function(isTransparent){  
  198.         //Sets chart to transparent mode when isTransparent is true (default)  
  199.         //When no parameter is passed, we assume transparent to be true.  
  200.         if(typeof isTransparent=="undefined") {  
  201.             isTransparent=true;  
  202.         }             
  203.         //Set the property  
  204.         if(isTransparent)  
  205.             this.addParam('WMode', 'transparent');  
  206.         else  
  207.             this.addParam('WMode', 'Opaque');  
  208.     },  
  209.       
  210.     render: function(elementId){  
  211.         //First check for installed version of Flash Player - we need a minimum of 6  
  212.         if((this.detectFlashVersion==1) && (this.installedVer.major < 6)){  
  213.             if (this.autoInstallRedirect==1){  
  214.                 //If we can auto redirect to install the player?  
  215.                 var installationConfirm = window.confirm("You need Adobe Flash Player 6 (or above) to view the charts. It is a free and lightweight installation from Adobe.com. Please click on Ok to install the same.");  
  216.                 if (installationConfirm){  
  217.                     window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";  
  218.                 }else{  
  219.                     return false;  
  220.                 }  
  221.             }else{  
  222.                 //Else, do not take an action. It means the developer has specified a message in the DIV (and probably a link).  
  223.                 //So, expect the developers to provide a course of way to their end users.  
  224.                 //window.alert("You need Adobe Flash Player 8 (or above) to view the charts. It is a free and lightweight installation from Adobe.com. ");  
  225.                 return false;  
  226.             }             
  227.         }else{  
  228.             //Render the chart  
  229.             var n = (typeof elementId == 'string') ? document.getElementById(elementId) : elementId;  
  230.             n.innerHTML = this.getSWFHTML();  
  231.               
  232.             //Added <FORM> compatibility  
  233.             //Check if it's added in Mozilla embed array or if already exits   
  234.             if(!document.embeds[this.getAttribute('id')] && !window[this.getAttribute('id')])  
  235.                 window[this.getAttribute('id')]=document.getElementById(this.getAttribute('id'));   
  236.                 //or else document.forms[formName/formIndex][chartId]             
  237.             return true;          
  238.         }  
  239.     }  
  240. }  
  241.   
  242. /* ---- detection functions ---- */  
  243. infosoftglobal.FusionChartsUtil.getPlayerVersion = function(){  
  244.     var PlayerVersion = new infosoftglobal.PlayerVersion([0,0,0]);  
  245.     if(navigator.plugins && navigator.mimeTypes.length){  
  246.         var x = navigator.plugins["Shockwave Flash"];  
  247.         if(x && x.description) {  
  248.             PlayerVersion = new infosoftglobal.PlayerVersion(x.description.replace(/([a-zA-Z]|/s)+/, "").replace(/(/s+r|/s+b[0-9]+)/, ".").split("."));  
  249.         }  
  250.     }else if (navigator.userAgent && navigator.userAgent.indexOf("Windows CE") >= 0){   
  251.         //If Windows CE  
  252.         var axo = 1;  
  253.         var counter = 3;  
  254.         while(axo) {  
  255.             try {  
  256.                 counter++;  
  257.                 axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+ counter);  
  258.                 PlayerVersion = new infosoftglobal.PlayerVersion([counter,0,0]);  
  259.             } catch (e) {  
  260.                 axo = null;  
  261.             }  
  262.         }  
  263.     } else {   
  264.         // Win IE (non mobile)  
  265.         // Do minor version lookup in IE, but avoid Flash Player 6 crashing issues  
  266.         try{  
  267.             var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");  
  268.         }catch(e){  
  269.             try {  
  270.                 var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");  
  271.                 PlayerVersion = new infosoftglobal.PlayerVersion([6,0,21]);  
  272.                 axo.AllowScriptAccess = "always"; // error if player version < 6.0.47 (thanks to Michael Williams @ Adobe for this code)  
  273.             } catch(e) {  
  274.                 if (PlayerVersion.major == 6) {  
  275.                     return PlayerVersion;  
  276.                 }  
  277.             }  
  278.             try {  
  279.                 axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");  
  280.             } catch(e) {}  
  281.         }  
  282.         if (axo != null) {  
  283.             PlayerVersion = new infosoftglobal.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));  
  284.         }  
  285.     }  
  286.     return PlayerVersion;  
  287. }  
  288. infosoftglobal.PlayerVersion = function(arrVersion){  
  289.     this.major = arrVersion[0] != null ? parseInt(arrVersion[0]) : 0;  
  290.     this.minor = arrVersion[1] != null ? parseInt(arrVersion[1]) : 0;  
  291.     this.rev = arrVersion[2] != null ? parseInt(arrVersion[2]) : 0;  
  292. }  
  293. // ------------ Fix for Out of Memory Bug in IE in FP9 ---------------//  
  294. /* Fix for video streaming bug */  
  295. infosoftglobal.FusionChartsUtil.cleanupSWFs = function() {  
  296.     var objects = document.getElementsByTagName("OBJECT");  
  297.     for (var i = objects.length - 1; i >= 0; i--) {  
  298.         objects[i].style.display = 'none';  
  299.         for (var x in objects[i]) {  
  300.             if (typeof objects[i][x] == 'function') {  
  301.                 objects[i][x] = function(){};  
  302.             }  
  303.         }  
  304.     }  
  305. }  
  306. // Fixes bug in fp9  
  307. if (infosoftglobal.FusionCharts.doPrepUnload) {  
  308.     if (!infosoftglobal.unloadSet) {  
  309.         infosoftglobal.FusionChartsUtil.prepUnload = function() {  
  310.             __flash_unloadHandler = function(){};  
  311.             __flash_savedUnloadHandler = function(){};  
  312.             window.attachEvent("onunload", infosoftglobal.FusionChartsUtil.cleanupSWFs);  
  313.         }  
  314.         window.attachEvent("onbeforeunload", infosoftglobal.FusionChartsUtil.prepUnload);  
  315.         infosoftglobal.unloadSet = true;  
  316.     }  
  317. }  
  318. /* Add document.getElementById if needed (mobile IE < 5) */  
  319. if (!document.getElementById && document.all) { document.getElementById = function(id) { return document.all[id]; }}  
  320. /* Add Array.push if needed (ie5) */  
  321. if (Array.prototype.push == null) { Array.prototype.push = function(item) { this[this.length] = item; return this.length; }}  
  322.   
  323. /* Function to return Flash Object from ID */  
  324. infosoftglobal.FusionChartsUtil.getChartObject = function(id)  
  325. {  
  326.   var chartRef=null;  
  327.   if (navigator.appName.indexOf("Microsoft Internet")==-1) {  
  328.     if (document.embeds && document.embeds[id])  
  329.       chartRef = document.embeds[id];   
  330.     else  
  331.     chartRef  = window.document[id];  
  332.   }  
  333.   else {  
  334.     chartRef = window[id];  
  335.   }  
  336.   if (!chartRef)  
  337.     chartRef  = document.getElementById(id);  
  338.     
  339.   return chartRef;  
  340. }  
  341. /* 
  342.  Function to update chart's data at client side (FOR FusionCharts vFREE and 2.x 
  343. */  
  344. infosoftglobal.FusionChartsUtil.updateChartXML = function(chartId, strXML){  
  345.     //Get reference to chart object               
  346.     var chartObj = infosoftglobal.FusionChartsUtil.getChartObject(chartId);       
  347.     //Set dataURL to null  
  348.     chartObj.SetVariable("_root.dataURL","");  
  349.     //Set the flag  
  350.     chartObj.SetVariable("_root.isNewData","1");  
  351.     //Set the actual data  
  352.     chartObj.SetVariable("_root.newData",strXML);  
  353.     //Go to the required frame  
  354.     chartObj.TGotoLabel("/", "JavaScriptHandler");   
  355. }  
  356.   
  357.   
  358. /* Aliases for easy usage */  
  359. var getChartFromId = infosoftglobal.FusionChartsUtil.getChartObject;  
  360. var updateChartXML = infosoftglobal.FusionChartsUtil.updateChartXML;  
  361. var FusionCharts = infosoftglobal.FusionCharts;  

 

4.截图展示

 

 

 

 

 

 

 

 

yyhm
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
ext4.0生成图形报表（柱形、折线、饼状）
04-20
一个用ext4.0实现的图形报表，更具界面列表数据，自动生成图形报表，包括柱形图，折线图，饼状图。
把Fusioncharts封装成Ext组件的思路
berheleyBI的专栏
10-08 1241
Fusioncharts和Ext都是强大的前台展现技术,虽然可以一起使用,但总感觉很别扭。一般的做法是先new Fusioncharts()创建一个图,并且使用render()渲染到一个div里然后Ext的panel组件使用contentEl把盛图的div放进来.这样做虽然可以,但是经常会出现一些问题. 现在发现的问题:1.同一个图不能更换swf。2.使用选项卡时,没渲染过
Ext图形报表
03-07
Extjs图形报表实例. 仅供参考学习。
在Ext中展现FusionCharts图形报表
cpsl26415的博客
04-21 109
FusionCharts是一个图形报表展现工具，下面介绍怎么在Ext中实现它。首先把FusionCharts需要的swf文件和fusionCharts.js加到项目中,然后创建jsp和js文件，需要在头文件中引入FusionCh...
FusionCharts 图形报表展示
03-19
**FusionCharts 图形报表展示** FusionCharts是一款强大的JavaScript图表库，专为网页和应用程序提供丰富的互动数据可视化解决方案。它允许开发者通过简单的API创建出各种动态、炫酷且易于理解的图表，如柱状图、...
Ext3.2+ Fusioncharts例子，保证能运行
08-03
Ext3.2+ Fusioncharts例子，保证能运行 Ext3.2+ Fusioncharts例子，保证能运行 Ext3.2+ Fusioncharts例子，保证能运行Ext3.2+ Fusioncharts例子，保证能运行Ext3.2+ Fusioncharts例子，保证能运行
spring+easyui+fusioncharts
08-09
在数据分析和报告展示场景中，FusionCharts能帮助开发者将数据库中的数据转换为易于理解的视觉表示，使得决策者可以更直观地看到关键指标。 在标签中提到的“源码”和“工具”，意味着这个压缩包可能包含了项目的源...
ExtJS+FusionCharts结合的两种方法
03-17
例如，可以创建一个`Ext.container.Viewport`，并在其中嵌入一个`Ext.Component`，该组件的`html`属性包含生成FusionCharts的HTML和JavaScript代码。 2. **使用FusionCharts的服务器端解决方案**： 另一种方法是...
fusioncharts+报表工具（文档）
03-18
在“FusionCharts+报表工具”的描述中提到，它是“很不错的免费报表生成工具”，这表明该工具不仅功能强大，而且对用户友好，可能提供免费版本供个人或小型项目使用。它特别强调了“flash的动态生成效果”，这意味着...
ext3.3制作报表新功能，表格实现报表格式
03-01
ext3.3制作报表新功能，表格实现报表格式，表头分割，单元格合并，排序等功能强大
ExtJS 3.0 中的Flash报表的使用之一：柱状图、横向柱状图、折线图、饼状图
King-Bond's Space
03-26 6170
ExtJS 也是用一段时间了，但是用的很粗糙，需要好好的捋捋了。------柱状图，使用的非常多。  var store = new Ext.data.Store({ proxy: new Ext.data.MemoryProxy(data), reader: new Ext.data.ArrayReader({}, PersonRecord), sortInfo: {field: '
关于Ext与fusioncharts的结合
yantao473的专栏
10-09 955
Ext.ux.ChartPanel = Ext.extend(Ext.Panel, {    data: {}, afterRender : function(){ Ext.ux.ChartPanel.superclass.afterRender.call(this); var id=this.body.id; this.data[id] = {            data_xml: "
Extjs报表
qd_jz_gaoxiao
01-17 1396
Ext--从服务器获取Chart的数据 ExtJs提供了绘制图表的功能，可以绘制折线图、条形图和饼图。这里是一个从servlet获取数据绘制折线图和饼图的例子。下图是最后的结果： 客户端html代码如下: Html代码       chart demo        href="../ext/resources/css/ext-all.css" />        src="
功能点_Ext日期树状_帆软报表
chiguchuo1076的博客
02-04 197
一、展示： 二、开发说明： 老系统采用的是ext3，报表工具用的是finalreport6，报表编辑工具应该是用的7，有些功能报表编辑器里面实现了，但是拿到服务器上就不行了，领导给力点..升级一下工具吧。下正题： 1、页面功能(代码简写)： /** *思路：先新建一个树，cli...
FusionCharts 在ASP.net / Asp 中的使用 总结
William Lin 的专栏
07-14 5274
FusionCharts 是InfoSoft Global公司的产品，该公司是专业提供Flash图形方案的提供商。就说该公司提供的统计图吧，Flash效果，很酷。 我曾用过，componentOne，Dundas Chart ，Infragistics 觉得还是FusionCharts 使用起来最方便。优点有：1. 它无需安装，只需引入所需的 *.swf 文件，js文件和官方写
extjs4 制作报表
.
09-01 2679
直接上图 老规矩，头部引入extjs组件 <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all-neptune.css"> test714.js核心代码 Ext.require('Ext.chart.*'); Ext.require(['Ext.layout.co
extjs开发———用extJS简单写一个饼状图
沉默的小猴子的博客
11-08 615
先上效果图： js编写部分简单如下，先插入一个模块，然后给模块中添加内容。 var myChart1 = echarts.init(document.getElementById('myChart1')); option = { title: { text: '会员通过率', x: 'center', }, tooltip: { trigger: 'item...
Ext.js组件:Chart 图表
qq_36987708的博客
01-10 1804
图表用于以图形格式表示数据。 以下是Ext JS提供的不同图表： 编号 图表 1 Pie Chart 由于名称表示此图表用于以饼图格式表示数据。 2 Line Chart 此图表用于以线图格式表示数据。 3 Bar Chart 此图表用于以条形图格式表示数据。 4 Area Chart 此图表用于以面积...
FusionCharts使用详解+实例+图解+Demo
最新发布
07-27
FusionCharts是一个强大的数据可视化库，可以帮助开发人员创建漂亮而交互式的图表和图形。下面是一个关于如何使用FusionCharts的详细说明，包括实例、图解和Demo。 1. 安装FusionCharts：首先，你需要从...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值