FusionCharts Forum / FusionCharts Free / JavaScript Problems / setDataURL() example in docs not working / Latest Posts

RE: setDataURL() example in docs not working

Sudipto Choudhury — Thu, 10 Jan 2008 05:24:13 GMT

Moreover, try using the latest FusionCharts.js released on 22 Dec wiht v3.0.5

RE: setDataURL() example in docs not working

Sudipto Choudhury — Thu, 10 Jan 2008 05:22:59 GMT

You need to use registerWithJS to get all functions like feedData()

RE: setDataURL() example in docs not working

mgnanamani — Wed, 09 Jan 2008 11:23:30 GMT

I still get the error message 'feedData() not a function'. I just ran the example at http://www.fusioncharts.com/gadgets/docs/ -> feeding data using javascript.

Mozilla is reporting that 'chartRef.feedData is not a function'.

I think this feedData() function is still confusing many.

As I used the example as such, there is no question of registering the object with '1' (the last argument in 'new FusionChart()'). Moreover I am running the script behind a server (Apache).

Hope to get some useful clarification.

Thanks in advance.

RE: setDataURL() example in docs not working

timvasil — Wed, 09 Jan 2008 10:06:23 GMT

When I ran into the problem, my web page did not have a <form> and I was already using the latest FusionCharts.js file--the one with this in the header: "Version: 1.2 (1st November, 2007) - Added Player detection, New conditional fixes for IE, New FORM fixes for IE."

-Tim

RE: setDataURL() example in docs not working

Sudipto Choudhury — Sun, 06 Jan 2008 08:10:50 GMT

Hi,

Thanks for the valuable R&D.

Can you please try the new FusionCharts.js released with FusionCharts v3.0.5 where we try to cope up with the IE's external interface issue while using the chart inside a form.

RE: setDataURL() example in docs not working

timvasil — Thu, 03 Jan 2008 01:41:13 GMT

FusionCharts is using Adobe's ExternalInterface API to communicate between JavaScript and the SWF chart. For some reason, ExternalInterface isn't working correctly on IE under some conditions. I happen to be using the ExtJS library with GWT; either framework may be doing some DOM manipulations under the covers that are freaking out Adobe--but I haven't verified this.

A couple things to try:

Ensure that the ID and name attributes of the OBJECT and/or EMBED tags do not have characters such as . (period), -, +, *, /, and \. Amusingly, this is because Adobe's ExternalInterface API is using a bunch of eval() JavaScript methods and these special characters get interpreted as JavaScript operators. Yeah, great work, Adobe.
Hook up the ExternalInterface functions you need manually. For example, here's the modified setDataXML function in FusionCharts.js to do the trick (code in red has been added):

setDataXML: function(strDataXML){
//If being set initially
if (this.initialDataSet==false){
//This method sets the data XML for the chart INITIALLY.
this.addVariable('dataXML',strDataXML);
//Update flag
this.initialDataSet = true;
}else{
//Else, we update the chart data using External Interface
//Get reference to chart object
var chartObj = infosoftglobal.FusionChartsUtil.getChartObject(this.getAttribute('id'));
if (!chartObj.setDataXML)
{
__flash__addCallback(chartObj, "setDataXML");
}
chartObj.setDataXML(strDataXML);
}
},

RE: setDataURL() example in docs not working

Sudipto Choudhury — Sat, 10 Nov 2007 22:18:49 GMT

Hi all,

TO set RegisterWithJS :

This code is required in Javascript :

var chart1 = new FusionCharts("FusionCharts/Column3D.swf", "chart1Id", "400", "300", "0", "1");

while using ASP/PHP etc. -

[code]renderChart("/flash/Column2D.swf?ChartNoDataText=Please select a District to view detailed data.", "", "<chart></chart>", "FactoryDetailed", 300, 250, false, true)[/code]

RE: setDataURL() example in docs not working

lordcraan — Fri, 09 Nov 2007 13:53:48 GMT

I encountered the "setDataURL is not a function" error as well.

One of Pallav's previous posts mentioned:

[quote]2. Please ensure that you've set registerWithJS flag to 1. For more information on how to do this, please see http://www.fusioncharts.com/Docs/Contents/JS_Overview.html. Basically, you need to set the last parameter in the following code to 1:
var chart1 = new FusionCharts("FusionCharts/Column3D.swf", "chart1Id", "400", "300", "0", "1");[/quote]

In my controller that is responsible for contructing the chart I was using:

[code]renderChart("/flash/Column2D.swf?ChartNoDataText=Please select a District to view detailed data.", "", "", "FactoryDetailed", 300, 250, "0", "1")[/code]

but I found that switching "0" to false and "1" to true will fix the error.

Hope this helps.

--craan

RE: setDataURL() example in docs not working

bielmenezes — Wed, 19 Sep 2007 09:36:10 GMT

I had the same problem with IE7, the problem was the name of the variable in the method updateChart.

[hr]

My old code:

[b]grafico1[/b]=false;

function FC_Rendered(DOMId){

switch(DOMId){
case "[b]grafico1[/b]":
[b]grafico1 [/b]= true;
break;
}
return;
}

function updateChart(idOperadora){

if([b]grafico1[/b]){
//DataURL for the chart
var strURL = "../../gerarGraficoKPIB?operadora=" + idOperadora +"&action=detalhe";

strURL = strURL + "&currTime=" + getTimeForURL();
strURL = escape(strURL);

var chartObj = getChartFromId("[b]grafico1[/b]");
chartObj.setDataURL(strURL);

} else {
alert("Please wait for the charts to load.");
return;
}
}
}

<%
String chartCode = FusionChartsCreator.createChart(
"FusionCharts/Pie3D.swf",
"../../gerarGraficoKPIB?action=geral", "", "[b]grafico1[/b]",
400, 250, false, true);
%> <%=chartCode%>

[hr]

The new code that works is:

[b]graf[/b]=false;

function FC_Rendered(DOMId){
switch(DOMId){
case "[b]grafico1[/b]":
[b]graf[/b]= true;
break;
}
return;
}

function updateChart(idOperadora){

if([b]graf[/b]){
//DataURL for the chart
var strURL = "../../gerarGraficoKPIB?operadora=" + idOperadora +"&action=detalhe";

strURL = strURL + "&currTime=" + getTimeForURL();
strURL = escape(strURL);

var chartObj = getChartFromId("[b]grafico1[/b]");
chartObj.setDataURL(strURL);

} else {
alert("Please wait for the charts to load.");
return;
}
}
}

<%
String chartCode = FusionChartsCreator.createChart(
"FusionCharts/Pie3D.swf",
"../../gerarGraficoKPIB?action=geral", "", "[b]grafico1[/b]",
400, 250, false, true);
%> <%=chartCode%>

[hr]

My only change is avoid that id and variable names are equals..

RE: setDataURL() example in docs not working

Sudipto Choudhury — Mon, 17 Sep 2007 01:38:03 GMT

Hi all,
Can you please attach the full code that you are using to use setDataURL() and getting this error. Please also specify the browser & OS being used and the error message.

IF you want to dynamically (may be repetetively) update the chart after loading it with some data.. you can try the sample attach i here :(rename txt to html)

what i have done :
1. used registerWithJS option.
2. used FC_rendered() function to trap the chart object. (Its essential**)
3. After FC_Rendered() is fired (i.e. the full chart is loaded) i intenet to chage its values dynamically and then called setDataURL().
[ this u can change to any serverside script page too to get dynamic XML]

4. * i used setInterval() to continuously update the chart after 3 seconds.

RE: setDataURL() example in docs not working

bmabey — Thu, 13 Sep 2007 16:22:16 GMT

In Firefox (where the code works) here is the output from FireBug:

>>> getChartFromId('chart_pipeline_overview');
function()
>>> getChartFromId('chart_pipeline_overview').setDataURL('http://www.google.com');
>>>

In IE 7.0, when I use Firebug (Lite) the output for the same commands is as follows:
>>> getChartFromId('chart_pipeline_overview');
object#chart_pipeline_overview
>>> getChartFromId('chart_pipeline_overview').setDataURL('http://www.google.com');
undefined

Please help! It seems that the problem lies in the getChartFromId function. I looked at your online demos and I couldn't see what you were doing differently.
-Ben

RE: setDataURL() example in docs not working

bmabey — Thu, 13 Sep 2007 15:33:17 GMT

Yeah, I didn't think that would be a problem. I have no idea why this code is not working in IE. I have the following:

[code]
function update_fusion(obj_id, url){
//Sometimes, the above URL and XML data gets cached by the browser.
//If you want your charts to get new XML data on each request,
//you can add the following line:
url = url + "&currTime=" + getTimeForURL();
//getTimeForURL method is defined below and needs to be included
//This basically adds a ever-changing parameter which bluffs
//the browser and forces it to re-load the XML data every time.
//URLEncode it - NECESSARY.
url = escape(url);
//Get reference to chart object using Dom ID "FactoryDetailed"
var chartObj = getChartFromId(obj_id);
//Send request for XML
chartObj.setDataURL(url);
}

/**
* 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;
}
[/code]

As I said before IE does work correctly with getChartFromId(). The error says that the Object doesn't support this property or method.

RE: setDataURL() example in docs not working

Pallav — Mon, 10 Sep 2007 11:46:01 GMT

Ben,

We've not yet cross tested FusionCharts library with Prototype library - Our namespaces for the JavaScript class are entirely different, and as such I think we shouldn't have any conflicts.

RE: setDataURL() example in docs not working

bmabey — Fri, 07 Sep 2007 11:05:57 GMT

I have having similar issues. I am using the code exactly as given in the examples. They all work perfectly fine in Firefox and Safari but do not work in IE. The problem is with the getChartFromId function. In Firefox that function returns another function which the setDataURL function works on. However, in IE the getChartFromId is returning an object which doesn't support the function setDataURL. I have gone through the checklist above and doubled checked that it is being registered with JS (I even used the FC_Rendered function to verify this) and that the chart is not in a form tag. When is curious is that it works in all the browsers except IE. I am using the Prototype JS library in my app. Are there known issues with Prototype interfering with your JS libraries in IE? If you have any further suggestions on how I might resolve this issue please let me know. Thanks,

Ben

RE: setDataURL() example in docs not working

Pallav — Sun, 02 Sep 2007 02:58:12 GMT

If you're getting an error that setDataURL/setDataXML is not a function of the chart object, please make sure of the following:

1. Please make sure that you're using FusionCharts v3 charts, as the JavaScript API was introduced in this version. To check whether you're using v3, just match your SWF name with the names listed at http://www.fusioncharts.com/Docs/Contents/ChartList.html

2. Please ensure that you've set registerWithJS flag to 1. For more information on how to do this, please see http://www.fusioncharts.com/Docs/Contents/JS_Overview.html. Basically, you need to set the last parameter in the following code to 1:
var chart1 = new FusionCharts("FusionCharts/Column3D.swf", "chart1Id", "400", "300", "0", "1");

3. Please make sure that you're not placing the chart inside a FORM element. When the chart is inside a FORM element, the browser cannot access the chart using DOM.

4. Please make sure that you're not calling the setDataURL/setDataXML method before the chart has loaded and rendered. You need to use FC_Rendered function of chart to track the loading of chart as explained at http://www.fusioncharts.com/Docs/Contents/JS_Overview.html. The page's body onLoad event would NOT work, as the chart starts loading after the body has finished loading.

5. Please make sure that you're NOT running the chart from local file system (C:\ , D:\). Instead, run the chart from behind a server (localhost - IIS, Apache etc.). This is because the Flash Player security settings do not allow Chart to JavaScript interaction, unless otherwise specifically set.

RE: setDataURL() example in docs not working

errodr — Fri, 31 Aug 2007 10:54:53 GMT

Any chance of getting an actual answer from InfoSoft? What exactly do I have to do to my JS to get this dynamic update to work???

Please don't tell me to run it on the server, I have already tried.

Here is the error I am getting: [b]chartObj.setDataURL is not a function[/b]

A real answer would be great!!!

RE: setDataURL() example in docs not working

lauvshree — Tue, 28 Aug 2007 01:05:52 GMT

Here's how we go about it. In FusionCharts.js replace chartObj.setDataXML(strDataXML); with this.addVariable("dataURL",strDataXML). That works!!

RE: setDataURL() example in docs not working

lauvshree — Tue, 28 Aug 2007 00:48:17 GMT

The chartObj object is a HTMLEmbedElement object and not a FusionChart Object. This explains why the setDataURL/setDataXML gives an error when invoked on this object. But can you tell us how to go about resolving this?

RE: setDataURL() example in docs not working

lauvshree — Tue, 28 Aug 2007 00:27:54 GMT

I tried to run it from the server. Yet getting the same javascript error mentioned earlier. "chartObj.setDataURL is not a function".

RE: setDataURL() example in docs not working

Pallav — Fri, 20 Jul 2007 02:16:30 GMT

Just copy-paste the files to a server and run (either localhost or remote).

setDataURL() example in docs not working

DelvarWorld — Wed, 18 Jul 2007 10:35:55 GMT

For the docs that come with the demo version of FusionCharts, there's the "setDataURL()" example under the"FusionCharts and Javascript" folder. This demo explains the file Download Package > Code > JavaScript > Basics. However, when I try to run this file in my browser (ChangeDataURL()), it gives me the error "chartObj.setDataURL is not a function." I've tried it both in Firefox and IE with the same result. Is this feature disabled in the demo? Why is the help file example throwing an error?