Ext+FusionCharts图形报表展示

最新推荐文章于 2020-12-18 00:13:33 发布
最新推荐文章于 2020-12-18 00:13:33 发布
阅读量4.9k 收藏 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
    评论
专栏目录
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例子，保证能运行
使用anchart图表，后台显示You need the Flash Player
wq6ylc88的博客
12-18 1505
用c#开发的web系统后台出现提示：You need the Flash Player，chorme浏览器已经安装最新版本的 Flash Player。 解决方法 点击网址前的小图标，进入网站设置选项卡， 在弹窗中把flash的状态改为允许即可
EOS project 中 的一个 jsp 文件中 调用 javascript函数的问题
weixin_34248118的博客
11-13 141
大家好！  在我的 EOS 项目中，有一个页面流，共三个元素：“开始”---“视图”----“结束”。其中视图与一个jsp文件(A.jsp)关联。 页面流完成的任务是在 jsp 文件呈现的网页上展示一个 flash （一个饼图），控制饼图的数据是在jsp 文件中生成的，然后把数据传递给一个javascript函数，由此函数具体完成flash的展现。 此饼图来自 http://www.fusi...
Ext柱状图
shnsvyu的博客
12-27 212
var store = Ext.create('Ext.data.JsonStore', { fields: ["finish_value","status","base_code","score","dept_name","index_unit","id","index_name","dept_id","i
JQuery插件——flash图表组件
wangpingjing的博客
05-29 309
      fusioncharts是一个基于Flash的图表组件，可以用来提供数据驱动的动态图标，fusioncharts可用于任何网页脚本语言如， HTML格式，JSP技术等等。提供交互式和强大的动态图标，fusioncharts充分利用流体美丽的Flash为模板，使用XML作为其数据接口，创造紧凑，互动和真正的动态图表         现结合 jquery 封装成组件，方便调用。   ...
Adobe Flash Player 未能正常运行问题
热门推荐
yyywxk的博客
06-04 1万+
问题描述 笔者使用的QQ浏览器在打开含有 Flash 的网页时经常出现如下问题： 提示：您的 Adobe Flash Player 版本太旧，可能会有安全性风险。建议您升级到最新版本。 随后出现： 提示：必要的系统组件未能正常运行,请修复 Adobe Flash Player 点击立即修复，安装最新的 Adobe Flash Player，结果没有任何作用。 - 原因探寻 按照网上的现有方法，都说是因为 Flash Helper Service 进程没能正常启动，或者是直接把Flash Helper S
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的动态生成效果”，这意味着...
Ext图形报表
03-07
Extjs图形报表实例. 仅供参考学习。
ext4.0生成图形报表（柱形、折线、饼状）
04-20
一个用ext4.0实现的图形报表，更具界面列表数据，自动生成图形报表，包括柱形图，折线图，饼状图。
ext3.3制作报表新功能，表格实现报表格式
03-01
ext3.3制作报表新功能，表格实现报表格式，表头分割，单元格合并，排序等功能强大
把Fusioncharts封装成Ext组件的思路
berheleyBI的专栏
10-08 1241
Fusioncharts和Ext都是强大的前台展现技术,虽然可以一起使用,但总感觉很别扭。一般的做法是先new Fusioncharts()创建一个图,并且使用render()渲染到一个div里然后Ext的panel组件使用contentEl把盛图的div放进来.这样做虽然可以,但是经常会出现一些问题. 现在发现的问题:1.同一个图不能更换swf。2.使用选项卡时,没渲染过
在Ext中展现FusionCharts图形报表
cpsl26415的博客
04-21 111
FusionCharts是一个图形报表展现工具，下面介绍怎么在Ext中实现它。首先把FusionCharts需要的swf文件和fusionCharts.js加到项目中,然后创建jsp和js文件，需要在头文件中引入FusionCh...
FusionCharts.js代码
生活中的思索
03-05 1186
FusionCharts.js代码/** * FusionCharts: Flash Player detection and Chart embedding. * Version: 1.2.4 (16th February, 2009) - Added fix for chart with % width/height. * Version: 1.2.3 (15th September, 2
关于Ext与fusioncharts的结合
yantao473的专栏
10-09 956
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: "
使用 React 和 Redux 进行井字游戏并附带源代码.zip
最新发布
07-24
项目：使用 React 和 Redux 进行井字游戏并附带源代码 使用 react 和 redux 的井字游戏是一个简单的 react 项目。整个项目都是使用 react components 和redux制作的。游戏很简单，玩法也很多。要运行此项目，您必须先安装 NodeJS。 关于项目 井字游戏反应而 redux 是使用ReactJS开发的。说到这个游戏，它具有高级功能和游戏玩法。要运行此项目，首先，您必须安装费用到您的系统。然后运行npm安装然后开始运行npm开始。游戏启动后，您可以选择不同的游戏选项。您还可以选择所需的网格框数量。此外，您还可以选择对手的类型。 要运行此项目，您需要 在计算机上安装NodeJS 并使用现代浏览器，例如 Google Chrome、  Mozilla Firefox。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
前端图形生成详解：FUSIONCHARTS参数与技巧
这些图形可以用于展示统计数据、监控业务指标或者在分析应用中呈现复杂的数据集。 首先，我们关注的是图表的背景。`bgColor`属性允许开发者设定图表的背景颜色，它可以是单一颜色（例如`FF0000`代表红色），也可以...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值