"getChartFromID is not defined"

[luftikus143]

Hi there,

 

 

 

I am using the example "Combining FusionCharts, PHP & Javascript (dataURL) method".

 

 

 

But for the

 

var chartObj = getChartFromId("name_of_chart");

 

I get the error:

 

getChartFromID is not defined

 

 

 

My code is:

 

< div id="chartdiv" align="center">



.... javascript opening here.... 

 var chart = new FusionCharts("http://localhost/etc/FusionCharts_Evaluation/Charts/Bubble.swf", "ChartId", "1000", "700", "0", "0");

 chart.setDataURL("<?php echo $strDataURL; ?>");

 chart.render("chartdiv");





function updateChart(year)

{

	var strURL = "graph_scatter-data.php?selectedID=1510&selectedYear=" + year + "&xaxis=";

	strURL = unescape(strURL);

	var chartObj = getChartFromID("ChartId");

	alert(chartObj);					

	chartObj.setDataURL(strURL);



}

.... javascript close here.... 



< a href="#" onclick="updateChart('1995');">older year< /a>

 

 

 

I tried it both with "ChartID" and "chartdiv", but neither worked. (I guess ChartID should be the right one.)

 

 

 

Can you help me?

[Arni XET]

It seems that in the new FusionCharts() line, the last paramwter is set to '0'. That should be a '1'. It registers the chart with Javascript.

 

 

 

Try that.

[luftikus143]

Thanks, but no change, same error message...

[Pallav]

Hi,

 

 

 

Can you make sure that FusionCharts.js is properly included in the page? Ideally, the error message should have been different for improper usage. But, if it's giving "getChartFromID is not defined", that means the function has not been registered.

[luftikus143]

It is correctly included...

 

 

 

Stef

[Pallav]

Can you give us a live link to the page so that we can directly debug?

[luftikus143]

Unfortunately not, as it is installed only locally... I can see if I can switch it over to the production machine however...

[luftikus143]

Ok, so here is the URL. And at the bottom of the page is the link "year before", which calls the updateChart function. Thanks for any clarification!

 

 

 

Stef

[Pallav]

Can you try putting this code block in the

section of your document:

 

 

 

function updateChart(year)

 

{

 

var strURL = "graph_scatter-data.php?selectedID=1510&selectedYear=" + year + "&xaxis=";

 

strURL = unescape(strURL);

 

var chartObj = getChartFromID("ChartId");

 

chartObj.setDataURL(strURL);

 

 

 

}

[luftikus143]

Thanks a lot for having a look. But I don't see a difference between my code and yours above...

 

 

 

Stef

[FusionCharts Support]

Hi,

I hope the browser error prompt was right . There is no method called getChartFromID . The function's name is getChartFromId(). The D makes the difference.

moreover use escape() function instead of unescape() to encode the URL.

function updateChart(year) { 
	  var strURL = "graph_scatter-data.php?selectedID=1510&selectedYear=" + year + "&xaxis="; 
	  strURL = escape(strURL); 
	  var chartObj = getChartFromId("ChartId"); 
	  chartObj.setDataURL(strURL); 
} 

[luftikus143]

Wow, that's it!! Great. Thanks a lot!!

 

 

 

Stef

[luftikus143]

I've implemented an automatic call of the update function, so that it displays every second or so the selected variables with another year.

 

 

 

Is there a way to avoid that the whole chart is being reloaded? It looks a bit ugly and is surely pretty tiresome.

 

 

 

Here is again the URL. And then click on "automatic change" above the listing of the years.

 

 

 

Thanks for any advice!

[FusionCharts Support]

Hi,

YOu can try using AJAX (getting data from URL) to retrieve the XML in a javascript variable. Then use setDataXML() method to reload the chart data from that variable. Remember to set animation='0' i.e. off if you are feeling that the you need less delay.

This process may take the same delay but it wont erase the chart and go for a long retrieving data prompt. Because data will be retrieved by AJAX and not chart. In that time the old chart willl remain in display. When you get the data in js variable you set it to the chart  and the char refreshes the data in a swish......

[luftikus143]

You can try using AJAX

 

 

 

Are there any existing examples with AJAX? So that one can reuse the code?

 

 

 

Thanks for any hints!

[FusionCharts Support]

Hi,

 

Here is a simple AJAX sample using FusionCharts and ASP.

 

 

 

Read Post : http://www.fusioncharts.com/forum/Topic2576-28-1.aspx#bm2797

Edited October 31, 2007 by Guest