Ext.chart.Chart no longer rendering in 3.4

[jeckels]

We have an application built with ExtJS 3.4 that uses the Ext.chart.Chart API. Although we're in the process of migrating to ExtJS 4, we're still using 3.4 in production. Over the last few weeks, our uses of the charts (which are Flash-based) have stopped working. There are no JavaScript or Flash errors, but the Flash component just shows up blank. Right-clicking in the area gives the standard Flash popup menu, so I know that Flash is at least loading.

It seems like it may be related to newer versions of Flash, but rolling back to older versions has not restored the functionality. I've tried hosting the Flash component as part of our deployment using the CHART_URL parameter, but with no luck. This reproduces across a variety of browsers and operating systems.

I've been unable to do any real debugging of the problem, because the Yahoo chart component that the API is using underneath is pretty opaque.

Has anyone else seen similar behavior? Any suggestions on how to debug the problem?

Thanks,
Josh

[scottmartin]

Are you able to run YUI charts from their site?
http://developer.yahoo.com/yui/examp...s-tabview.html

Scott.

[offtherailz]

I've the same problems since yesterday. I've also found a online demo that do not run anymore(just to give you a sample):
http://www.quizzpot.com/demos/extjs/chart/chart.html
I've also tried to use directly yahoo charts and they work.
I tried to update the resource..

Ext.chart.Chart.CHART_URL = 'http:/' + '/yui.yahooapis.com/2.9.0/build/charts/assets/charts.swf';

..but it didn't help.

[jeckels]

Thanks for your reply. Yes, the examples on the Yahoo site work fine for me.

I've done some more debugging into the ExtJS source.

From what I can tell, initialization goes OK at first in Ext.FlashComponent, but the code never gets any events. onFlashEvent() never fires, and initSwf() is never called.

Thanks,
Josh

[msantang]

Any solution for this?

thanks

Martin

[jeckels]

I haven't found any solutions.

Thanks,
Josh

[offtherailz]

the only solution I found is to use directly YAHOO libs.<br>including following scripts and the meta tag&nbsp;<br><br>

<br>&lt;meta http-equiv="X-UA-Compatible" content="IE=8"&gt;<br>&lt;link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/fonts/fonts-min.css" /&gt;<div>&lt;script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/yahoo-dom-event/yahoo-dom-event.js"&gt;&lt;/script&gt;</div><div>&lt;script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/json/json-min.js"&gt;&lt;/script&gt;</div><div>&lt;script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/element/element-min.js"&gt;&lt;/script&gt;</div><div>&lt;script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/datasource/datasource-min.js"&gt;&lt;/script&gt;</div><div>&lt;script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/swf/swf-min.js"&gt;&lt;/script&gt;</div>&lt;script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/charts/charts-min.js"&gt;&lt;/script&gt;<br>

<br><br>and change the code . In this way I can use the same "series" object at least. here a sample:<br>

<br>YAHOO.widget.Chart.SWFURL = "http://yui.yahooapis.com/2.9.0/build/charts/assets/charts.swf"<br>//...<br><div><div>var currencyAxis = new YAHOO.widget.NumericAxis();</div><div>currencyAxis.stackingEnabled = true;</div><div>currencyAxis.labelFunction = YAHOO.example.numberToCurrency;</div><div>var stat = new YAHOO.util.DataSource(statElements);</div><div>this.getEl().setHeight(545);</div><div>stat.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;&nbsp;</div><div>stat.responseSchema = {&nbsp;</div><div><span class="Apple-tab-span" style="white-space:pre">    </span>fields: fields</div><div>};&nbsp;</div><div>var conf = {</div><div><span class="Apple-tab-span" style="white-space:pre">    </span>series: series,</div><div><span class="Apple-tab-span" style="white-space:pre">    </span>categoryKey : options.xField,</div><div><span class="Apple-tab-span" style="white-space:pre">    </span>xAxes: new YAHOO.widget.CategoryAxis(),</div><div><span class="Apple-tab-span" style="white-space:pre">    </span>xField: options.xField,</div><div><span class="Apple-tab-span" style="white-space:pre">    </span>yAxes: new YAHOO.widget.NumericAxis(),</div><div><span class="Apple-tab-span" style="white-space:pre">    </span>//...</div><div>}<span class="Apple-tab-span" style="white-space:pre">                        </span></div><div><span class="Apple-tab-span" style="white-space:pre">    </span></div><div>stat.responseSchema = { fields:fields };</div><span class="Apple-tab-span" style="white-space:pre"><br><br></span>new YAHOO.widget.StackedColumnChart( this.getId(), stat,conf);</div><div><br></div>

<br>

[msantang]

Any official solution?

[msantang]

anyone?

[msantang]

Chart still not working!!! anyone has found any solution for this?