ux.Media ChartPack 2.1.2 is also available on Google Code (SVN).
Supported Ext Releases
RC1: (deprecated) Supported Ext Releases: 2.0.x, License: LGPL3
ChartPack2.1 : Supported Ext Releases: 2.1, 2.2, 3.0, License: GPL3
A set of ux.Chart Components designed for use with:
-- InfoSoft's Fusion Charts (Flash)
-- Open Flash Chart 2 (Flex/Flash)
-- amChart (and amStock) (Flash)
All ux.Chart classes come in standard Component Flavors:
Component, Panel, Portlet, Window
All charts may also be rendered inline in markup.
As these classes inherit from the ux.Media/Flash classes (required), it is not necessary to load the SWFObject.js or FusionCharts.js files.
Examples: While still evolving, are available online:
See the Fusion.Window demo.
See the OFC2 demo.
Fusion Chart Sample with common (to all supported charts) config options:
Notes:PHP Code:
<head>
<link rel="stylesheet" type="text/css" href="lib/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="lib/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="lib/ext/ext-all-debug.js"></script>
<script type="text/javascript" src="lib/ux/uxfusionpak-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
fusionPanel = new Ext.ux.Chart.Fusion.Panel({
title : 'ux.FusionPanel',
collapsible : true,
renderTo : Ext.getBody(),
chartCfg :{ id : 'chart1'
,params:{
flashVars : {
debugMode : 0,
lang : 'EN'
}
}
},
autoScroll : true,
id : 'chartpanel',
chartURL : 'fusioncharts/Column3D.swf',
//dataURL : 'fusioncharts/data/Column3D.xml' , //let the Flash chartObj load it
autoLoad :'fusioncharts/data/Column3D.xml' , //let Ext autoLoad do the same.
loadMask : {msg: 'Loading data...'},
autoMask : true,
width : 500,
height : 400,
listeners :{
,chartload : function(p,obj){console.log('chart '+obj.id+' loaded.')},
,chartrender : function(p,obj){console.log('chart '+obj.id+' rendered.')}
},
tools : [
{id:'gear', handler:function(e,t,p){ p.refreshMedia();},qtip: {text:'Refresh the Chart'} },
{id:'print', handler:function(e,t,p){ p.print();},qtip: {text:'Print the Chart'} }
]
});
fusionPanel.show();
});
</script>
</head>
(1) The ux.Chart.Fusion classes are compatible with the older FCF (FusionChartsFree) but you won't like the result on IE much (poor rendering quality and weak remote URL loading support).
(2) RE: Fusion: Answers to questions regarding Fusions chart formatting and XML definition options for charting may be found in their site's forums and documentation.
(3) RE: OFC2: Answers to questions regarding OFC2 chart formatting and JSON definition options for charting may be found in their site's forums and documentation.
(4) RE: amCharts: Answers to questions regarding amChart chart formatting and definition options for charting may be found in their site's forums and documentation.
(5) The 2.1.x distribution now includes a /build path (with JSB build files). Choose you ux[flavor]pak.js for the chart you use, and include that package on your page. It includes all the necessary classes.
Note: the current vBulletin config gzips attachments which IE hates. Download this with Firefox (or other browser) instead of IE.