ux.Media.ChartPack 2.1.2 (Fusion, OFC2, amChart) released.

[stoober]

(1) These classes are compatible with the older FCF (FusionChartsFree) but you won't like the result on IE much.

Doug

Could you expand on what you mean by this?

Thanks,
Stuart

[sb32]

Does this not work with v2.1? Getting strange error.. Will try reverting to 2.0.2 in the mean time..

[sb32]

noob <script type="text/javascript" src="/javascripts/ext-basex-min.js"></script> should come before the media, flash & fusion as you were

[sb32]

I wish I could supply dataURL a hash. (similar to the autoLoad option)

When using autoLoad, it works fine but says 'no data' until the xml is supplied from the server. w/ dataURL, loading is shown.

there's probably some ext util to create a url string from an array of some sort.. /me checks

edit: found it! Ext.urlEncode(friend: 'apidocs')

[hendricd]

Does this not work with v2.1? Getting strange error..

Ext 2.1+ is not currently supported.

I wish I could supply dataURL a hash. (similar to the autoLoad option)

When using autoLoad, it works fine but says 'no data' until the xml is supplied from the server. w/ dataURL, loading is shown.

If not mistaken, they are ways do redefine that message in your XML. Check their site for more details.

Also, keep in mind all fusionCfg members are 'function asserted' at runtime, so you could attach a function to any param to obtain its desired value.

[hendricd]

Doug

Could you expand on what you mean by this?

Thanks,
Stuart

I initially developed ux.Fusion classes using FCF, but found that FCF did not handle chart scaling well when the Containing Ext Component was resized . Those issues were addressed only in Fusion's latest offering. Printing support is much better as well.

[jebirch]

Hi

I have a problem using the FusionPanel with FusionMaps in a autoloaded/added panel.

I have a tabpanel where I autoloads the panels when needed. And in the loaded panel I do a tabpanel.add and tabpanel.doLayout. It normally works perfect.

One of the panels have a FusionMap, but nothing happens, no chartload or chartrender events. It generates the object code and it marks the area as a flashobject, but with no visible content.
But if I try with a FusionChart instead then it works perfects (only changes the chartURL nothing else ). Or if I move the added panel to the tabpanel definition directly without autoload then it works with FusionMap as well.

I have tested FusionMaps in the fusion.html example application, and there is works perfect. The funny part is that if I start load the FusionMap in the example application before opening my tabpanel then it works with the tabpanel and autoload.

Anybody have any idea to what the problem can be ?

Here is some sample code where the problem exists:

// This is called from a tabpanel with autoload
var mappanel = new Ext.Panel({
    layout:'border',
    items: [
        new Ext.ux.FusionPanel({
            id: 'overviewmap',
            title: 'Overview Map',
            layout: 'fit',
            region: 'west',
            tools: getTools(),
            chartURL: '/swf/Charts/Column3D.swf', // This works
            dataURL: '/NewData.xml',
            width: 400,
            fusionCfg: { id: 'charting1' },
            listeners: {
                'show': function() { console.log( 'SHOW' ) },
                'chartload': function() { console.log( 'LOAD' ) },
                'chartrender': function() { console.log( 'RENDER' ) }
            }
        })
        ,new Ext.ux.FusionPanel({
            title: 'Region Map',
            id: 'regionmap',
            layout: 'fit',
            region: 'center',
            tools: getTools(),
            chartURL: '/swf/Maps/FCMap_Europe.swf', // This works not
            dataURL: '/NewData.xml',
            width: 400,
            fusionCfg: { id: 'charting2' },
            listeners: {
                'show': function() { console.log( 'SHOW2' ) },
                'chartload': function() { console.log( 'LOAD2' ) },
                'chartrender': function() { console.log( 'RENDER2' ) }
            }
        })
    ]
});

Ext.getCmp('maptab').add( mappanel );

mappanel.show(); 

/Jesper

[wdragon27]

Try passing parameters like milliseconds in the URL to avoid cache. Taken from fusionchart helpdesk.

chart1.setDataURL(escape("xmlfile.xml?currTime=" + getTimeForURL()));

/**
* getTimeForURL method returns the current time
* in a URL friendly format, so that it can be appended to
* dataURL for effective non-caching.
*/

function getTimeForURL(){
var dt = new Date();
var strOutput = "";
strOutput = dt.getHours() + "_" + dt.getMinutes() + "_" + dt.getSeconds() + "_" + dt.getMilliseconds(); return strOutput;
}

[hendricd]

@jebirch -- ux.Fusion.chart classes are designed for the Fusion Chart classes only. I suspect FCMaps have a slightly different event nomenclature than the charting objects (and autoLoad is specifically designed to load XML chart resources).

You might try using the more generic ux.Flash components instead for the Maps:

new Ext.ux.FlashPanel({
            title: 'Region Map',
            id: 'regionmap',
            region: 'center',
            tools: getTools(),
            width: 400,
            mediaCfg: { 
               id: 'map2',
               url: '/swf/Maps/FCMap_Europe.swf',
              autoSize : true,
                params:{
                 flashVars:{.......}
                 } 
}
        })

To be honest, I haven't even looked at their Map objects yet. Time permitting, maybe I'll create a set of ux classes for them as well.

[jebirch]

@hendricd - Thanks for your suggestion. That works with FusionMaps.

I am looking forward to a Ext.ux.FusionMaps ;-)

/Jesper