FusionCharts Forum / FusionCharts Free / JavaScript Problems

Sequential Load with Javascript

ESOFX - Michael — Wed, 14 May 2008 23:52:08 GMT

Are there any callback routines or anything to state that the XML has completed loading?

I need to display one chart after another is loaded. There's a total of 12 charts on my page and each represent a significant amount of load on the SQL Server backend. In order to reduce the load, I want to show each chart sequentially.

SetTimeout will not be sufficient as the time will vary significantly. I know Actionscript can communicate directly with Javascript so it would be possible.

Thanks in advance.

invalid character error

ramkmr — Fri, 09 May 2008 09:31:29 GMT

I am trying Gantt chart and getting the "invalid character error" when accessing the html page

my html page is

==================

<html>
<head>
<title>My first chart using FusionWidgets</title>
<SCRIPT LANGUAGE="Javascript" SRC="Charts/FusionCharts.js"></SCRIPT>
</head>
<body bgcolor="#ffffff">
<H1>test</H1>
<div id="chartdiv" align="center">
The chart will appear within this DIV. This text will be replaced by the chart.
</div>
<script type="text/javascript">
var myChart = new FusionCharts("Charts/Gantt.swf", "myChartId", "400", "200", "0", "0");
myChart.setDataURL("MyData.xml");
myChart.render("chartdiv");
</SCRIPT>
</body>
</html>

===========my xml file is======

============my js file is fusioncharts.js ======

any idea why i am getting this

I am using IE7, with flash player 9.0

Thanks a lot:)

Javascript Errors in IE 7

ArkITechT — Mon, 12 May 2008 14:14:09 GMT

When loading Charts using the Javascript functions I keep getting the following error on IE7 (it appears to work on all other browsers):

Line: 0
Error: Object Does not support this property or Method

When I go to Debug it points to:

try { document.getElementById("largeChart").SetReturnValue(__flash__toXML(FC_Loaded("largeChart")) ); } catch (e) { document.getElementById("largeChart").SetReturnValue(""); }

It seems to happen on each call to render (IE: largeChart.render("largeChart");)

Here is an example of the JS code:
[code]
<script type="text/javascript" src="/js/FusionCharts.js"></script>
<script type="text/javascript">
var callData = "%3Cchart%20showNames%3D%271%27%20showValues%3D%270%27%20rotateNames%3D%270%27%20showColumnShadow%3D%271%27%20animation%3D%271%27%20bgColor%3D%27ffffff%27%20chartLeftMargin%3D%270%27%20chartRightMargin%3D%275%27%20chartTopMargin%3D%275%27%20chartBottomMargin%3D%270%27%20labelStep%3D%277%27%20showBorder%3D%270%27%20canvasBorderAlpha%3D%270%27%20yAxisValuesStep%3D%272%27%20divLineDashLen%3D%271%27%20divLineDashGap%3D%272%27%20divLineIsDashed%3D%271%27%20showAlternateHGridColor%3D%270%27%20numVDivLines%3D%270%27%20yAxisValuesPadding%3D%27-15%27%20canvasPadding%3D%2760%27%20anchorRadius%3D%275%27%20anchorBgColor%3D%27E1f5ff%27%3E%0A
%3Cset%20label%3D%27March%204%2C%202008%27%20value%3D%272%27%20link%3D%22calls%2Fdate%2F2008-03-04%22%20%2F%3E%0A
%3Cset%20label%3D%27March%205%2C%202008%27%20value%3D%2797%27%20link%3D%22calls%2Fdate%2F2008-03-05%22%20%2F%3E%0A
%3Cset%20label%3D%27March%206%2C%202008%27%20value%3D%2720%27%20link%3D%22calls%2Fdate%2F2008-03-06%22%20%2F%3E%0A
%3Cset%20label%3D%27March%208%2C%202008%27%20value%3D%271%27%20link%3D%22calls%2Fdate%2F2008-03-08%22%20%2F%3E%0A
%3Cset%20label%3D%27March%209%2C%202008%27%20value%3D%271%27%20link%3D%22calls%2Fdate%2F2008-03-09%22%20%2F%3E%0A
%3Cset%20label%3D%27March%2010%2C%202008%27%20value%3D%275%27%20link%3D%22calls%2Fdate%2F2008-03-10%22%20%2F%3E%0A
%3Cset%20label%3D%27March%2012%2C%202008%27%20value%3D%271%27%20link%3D%22calls%2Fdate%2F2008-03-12%22%20%2F%3E%0A%3Cvline%20color%3D%22CCCCCC%22%20dashed%3D%271%27%20dashLen%3D%271%27%20dashGap%3D%272%27%3E%3C%2Fvline%3E
%3Cset%20label%3D%27March%2014%2C%202008%27%20value%3D%275%27%20link%3D%22calls%2Fdate%2F2008-03-14%22%20%2F%3E%0A
%3Cset%20label%3D%27March%2015%2C%202008%27%20value%3D%2717%27%20link%3D%22calls%2Fdate%2F2008-03-15%22%20%2F%3E%0A
%3Cstyles%3E%0A%20%20%20%20%20%20%20%20%3Cdefinition%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstyle%20name%3D%27myToolTipFont%27%20type%3D%27font%27%20font%3D%27Arial%27%20size%3D%2712%27%20color%3D%27FF5904%27%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdefinition%3E%0A%20%20%20%20%20%20%20%20%3Capplication%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Capply%20toObject%3D%27ToolTip%27%20styles%3D%27myToolTipFont%27%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fapplication%3E%0A%20%20%20%20%3C%2Fstyles%3E%0A%3C%2Fchart%3E%20";

var largeChart = new FusionCharts("/Charts/Line.swf", "largeChart", "100%", "150", 0, 1);
largeChart.setDataXML(callData);
largeChart.render("largeChart");
<script>
[/code]

GWT and real-time data

md10024 — Thu, 01 May 2008 21:40:02 GMT

Hi,

I'm using FusionCharts v3 with GWT and am trying to get real-time updates from the DB.
(an XML won't work because I need user specific data display)

I can't seem to make a plan old servlet call in my Data.xml (ex. dataStreamURL='http://localhost:8888/com.ints.central.ui.Dashboard/Ticket) to a ticket servlet because GWT complains.

I can't make a GWT RPC call because there doesn't seem to be a way to feed the result into the data feed.

I can't seem to make a JS to Java call in GWT because GWT is managing my entire app and I don't have a "page centric" model. GWT does everthing in one page.

I'm considering Java -> JS call but managing the timing of the updates from Java seem like an awful option.

Has anyone done anything similar or have any ideas? I would really like to buy a site license for GWT but can't unless we solve this problem.

Mark

FusionCharts - Database + JavaScript(DataURL) Example Not Working In PHP

Shogikishi — Fri, 25 Apr 2008 13:23:16 GMT

Hi,

I'm using WAMPServer 2.0 and a mySQL database. I'm going through the PHP samples and the DB_JS_dataURL sample is not working for me. The summary pie chart renders just fine on page load in Firefox and IE. Of course the bottom chart (Detailed) does not display, it shows the message "Please select a factory from pie chart above to view detailed data". So up to this part it appears everything is working fine.

When I click on any part of the pie chart there is no change to the page at all. Specifically, there is no change to the Detailed chart that is supposed to be linked to the pie chart. The link embedded into the pie chart is a javascript link using updateChart function that is defined in Default.php.

What is the problem? What can I do to fix it? If I can't get the sample to work, I am not encouraged to begin building javascript links and functions into custom chart pages.

Shogikishi

trying to pass variables in XML to javascript through link

mrras25 — Wed, 16 Jan 2008 15:38:37 GMT

I am having some difficulties, I am creating the XML string and passing some parameters through the link='' after setting data:

exampl:

[code]

[/code]

As you can see from the red Highlight I have a function called displayArea(local,stor) {} , this is expecting to have 2 parameters passed to it, which I belive I am doing by passing (Bothell, HDS) after calling the function in the XML string. What am I doing incorrect here. The error I get is "Bothell is not defined"

Premature end of script headers-FusionCharts.js

little2002 — Mon, 21 Apr 2008 04:16:46 GMT

Hi I am trying to add FusionCharts on my CGI page but it is giving fallowing error:
Premature end of script headers: /home/icodonsc/public_html/pfs/cgi-bin/JSClass/FusionCharts.js
Premature end of script headers: /home/icodonsc/public_html/pfs/cgi-bin/Style.css
I understand what Premature end of script headers means when CGI script is pointed but in this case I am not sure what is problem. Also scripts and css work prety fine on my system as part of static HTML code but after uploading to server it gives error. Sorry I am very new to this so may be this problem is due to my lack of experience but I will appreciate for ur help.
You can see my CGI page:
http://pfs.icodons.com/cgi-bin/pfs.cgi?fileName=AlgLongSmall.txt

I am using fallowing code-

var chart = new FusionCharts("Charts/FCF_Line.swf", "ChartId", "600", "350");
chart.setDataURL("$randomJobxmlT");
chart.render("chartdiv");

Erro console tell that fallowing is not defined
var chart = new FusionCharts("Charts/FCF_Line.swf", "ChartId", "600", "350");

thanks in advance

Javascript Problem

Nirmal — Fri, 11 Apr 2008 02:10:29 GMT

I want to fire mouse click event on any part of the fusionchart.

So pls reply me very fast.

Thanks,

Nirmaljeet singh

updateChartXML and Firefox

jhop — Mon, 31 Mar 2008 08:35:01 GMT

I am trying to get a prototype of the dynamically updating chart running. i am following the example from the documentation that came with FusinCharts.

It works with IE, but in FireFox, I get issues.

These come down to functions not being found. in particular
setVariable (I changed this to addVariable to get past it)
TGotoLabel.

I have read that there are issues with IE and flash integration.

Has anyone else had this issue? Is there a way around it? We need dynamic data to work, and we need to support firefox. if it doesn't work, we will have to track down other chart tools.

DOMId not domId

jhop — Mon, 31 Mar 2008 08:49:45 GMT

I cut and paste the example code from the documentation on 'updateChartXML() Method'

I got the above error. It should have been DOMId, not domId

JavaScript Form Submisssions

Alex M — Mon, 10 Mar 2008 11:12:18 GMT

Hi,

We are using Drill-Down feature of Fusion Charts v3 as JavaScript function call.

In essence the javaScript function simply submit form to <IFRAME> window.

It works under FF, but under IE form is not submitted.

Is this known issue? If yes , what is solution?

Kind Regards,

Alex M

Hint: double quotes != single quote apostrophes for the setDataXML string

Patrik Carlsson — Wed, 27 Feb 2008 10:23:47 GMT

Hi,
Thanks for a great software.

I had an annoying 'invalid XML' error for a few hours when trying to
script graphs that worked perfectly from static files.

The solution was to only use single quotes for all attributes within
the xml and always using double quotes to handle the string in the javascript.
The other way around does not work.

Best regards
Patrik Carlsson

Fusion chart Js Integration with firefox

balrom — Thu, 28 Feb 2008 16:36:12 GMT

Hi,
i'm using fusionchart with php and js.
when i render my chart through the js method i got the following exeption from firefox:

uncaught exception: Permesso negato al metodo di chiamata Location.toString

the problem only happens on firefox, in IE all works fine.

have you Any idea?

regards

Problem with setDataURL and Ampersand

jlanza — Mon, 27 Aug 2007 09:46:18 GMT

I am using the setDataURL method and want to pass other parameters via GET query string. All works fine except when one of the parameters is an ampersand.

For example

myChart.setDataURL(escape("/loadchart/chart?param1=" + param1 + "¶m2=" + param2));
myChart.render(id);

It works fine when: param1 = 'string1', param2 = 'param2'
However, if fails when: param1 = 'strin&g1', param2 = 'param2'

Replacing & with %26 does not fix the problem as I would have expected it would.

Please help.

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?

Javascript anchor link not working

ricardoe — Fri, 16 Nov 2007 13:22:21 GMT

Hi.

I'm facing a problem about the anchor's link of a scatter chart.

I'm using [syntax]: <set … link=javascript:alert(234)' ...>

It works on any "normal" enviroment.

But Im developing a firefox extension with this, so the main difference here is the chart is being displayed in a HTML Document on a window opened from XUL Window.

Maybe this should not affect at all the chart, but, could some one please point me some ideas about this.

Thanks a lot.

Ricardo

Change SWF dynamically

mayberry — Fri, 12 Oct 2007 11:15:18 GMT

I would like to use multiple charts in a page and let users choose different charts for different types of data. Changing the XML url or XML string isn;t a problem, but is there a way to dynamically change the SWF file and rerender a chart ?

I've tried using :

charObj.setAttribute('swf', 'new/flash/source.swf');
charObj.render('chartdiv1');

But this doesn't seem to do the trick. At the moment I'm just not registering my charts in JS and rebuilding the entire chart object each time. But this approach doesn't feel elegant enough.

Trying to refresh source data via javascript :: getting strange error in FF

funkmyer — Mon, 05 Nov 2007 14:13:25 GMT

I am using the provided javascript function to display my chart, then I am calling the provided update function to refresh/redraw the chart and am getting the following error in FF:

uncaught exception: Error calling method on NPObject! [plugin exception: Error in Actionscript. Use a try/catch block to find error.].

Any ideas on how to fix this ?

Thanks.

Javascript & ASPNet (Form element)

Papoum — Thu, 19 Jul 2007 04:15:35 GMT

Hi,

When I try to use javascript functions in a chart (last parameter = "1"), I have a javascript error in IE7 (it works in FireFox).

In another post i read :
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.

In ASP.Net, everything is in a FORM element.
How can I use javacsript functions in ASP.Net ?

Thank you for your answer.

Philippe.

Code: How to user the Ajax in javascript to get the chart

tlnprasad — Fri, 02 Nov 2007 07:10:51 GMT

Hi friends,

I have code to get the flash chart in javascript, like below

function regfun(){

var chart_SalesByYear = new FusionCharts("http://www.fusioncharts.com/Demos/Blueprint/FusionCharts/MSColumn3DLineDY.swf", "SalesByYear", "450", "325", "0", "1");
chart_SalesByYear.setDataXML("<chart caption='Fraud Comparative Report' XAxisName='Monthly' palette='2' animation='1' subcaption='' formatNumberScale='0' numberPrefix='$' showValues='0' seriesNameInToolTip='0'><categories><category label='Mar 2007'/><category label='Apl 2007'/><category label='May 2007'/><category label='Jun 2007'/><category label='Jul 2007'/><category label='Aug 2007'/></categories><dataset seriesname='Billed Business'><set value='119702' link='javaScript%3AupdateCharts%281994%29%3B'/><set value='329702' link='javaScript%3AupdateCharts%211994%29%3B'/><set value='219702' link='javaScript%3AupdateCharts%281994%29%3B'/><set value='219702' link='javaScript%3AupdateCharts%281994%29%3B'/><set value='682796' link='javaScript%3AupdateCharts%281995%29%3B'/><set value='547248' link='javaScript%3AupdateCharts%281996%29%3B'/></dataset><dataset seriesName='Total Fraud' parentYAxis='S'><set value='3381'/><set value='4381'/><set value='5381'/><set value='7381'/><set value='25007'/><set value='18929'/></dataset><styles><definition><style type='font' color='666666' name='CaptionFont' size='15' /><style type='font' name='SubCaptionFont' bold='0' /></definition><application><apply toObject='caption' styles='CaptionFont' /><apply toObject='SubCaption' styles='SubCaptionFont' /></application></styles></chart>");
chart_SalesByYear.render("urlContent");

}

Please make this as ajax, I want to use the callback mechanism.

Thanks in advance....

Getting java script error “chartId is undefined”

kalyanranawat — Thu, 01 Nov 2007 05:47:21 GMT

Hi,

I am using "Multi series 2D Combination Fusion Chart, JSP & Java script (dataXML) method".

When I am using fusion chart in java script like that

[code]

var myChart = new FusionCharts(“http://localhost:7001/mywebapp/charts/MSCombi2D.swf", "chartId", "750", “250”, "0", "1") ;

myChart.setDataXML(xml) ;

myChart.render("chartdiv") ;

[/code]

It’s giving me java script error
[code] chartId is undefined [/code]

My JSP code is:
[code] <div id="chartdiv" align="center"></div> [/code]

And java script method is:
[code]

function drawChart()

{

var xml = createXmlStringForChart() ;

var myChart = new FusionCharts(“http://localhost:7001/mywebapp/charts/MSCombi2D.swf", "chartId", "750", “250”, "0", "1") ;

myChart.setDataXML(xml) ;

myChart.render("chartdiv") ;

}

[/code]

drawChart() method called after loading of page.

Its draw chart properly but give java script error in render method.

Can you help me in removing that java script error?

capturing MouseEvent() on fusion charts

ashish_kushwaha — Thu, 06 Sep 2007 23:41:15 GMT

Hi,

I used the following code and I want to capture the mouse down() or click() event on fusion chart.

When I using this

document.onmousemove=getMousepoints;// ----------this is working
document.onmousedown=getMousepoints;// ----------- this is working

then I am able to capture mouseDown() event on whole screen except on fusionCharts.

If I am using this:

document.Column3D.attachEvent("onmousedown",getMousepoints);

then it is not able to dectect the mousedown()event but the below line is working.
document.Column3D.attachEvent("onmousemove",getMousepoints);//------------- this is working

Please help me. It is very important to me to capture the x,y axis values on click of fusionCharts.

Thanks.

<html>
<head>
<title>Data Chart</title>
</head>
<body bgcolor="#ffffff" >
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="900" height="300" id="Column3D" onclick="sendPoints(document.f1.xvalue.value) " >
<param name="movie" value="../FusionCharts/Column3D.swf" />
<param name="FlashVars" value="&dataURL=myData.xml">
<param name="quality" value="high" />

<embed src="../FusionCharts/Column3D.swf" flashVars="&dataURL=myData.xml" quality="high" width="900" height="300" name="Column3D" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

<script type="text/javascript">
var IE=document.all?true:false
document.onmousemove=getMousepoints;// ----------this is working
document.onmousedown=getMousepoints;// ----------- this is working

//document.Column3D.attachEvent("onactivate",check);//----------- this is working
//document.Column3D.attachEvent("onmousemove",getMousepoints);//------------- this is working

//document.Column3D.onmousedown=check;
var mousex=0;
var mousey=0;
function getMousepoints()
{

mousex=event.clientX+document.body.scrollLeft //to get client window X axis
mousey=event.clientY+document.body.scrollTop//to get client window Y axis

document.f1.xvalue.value=mousex;//put values
document.f1.yvalue.value=mousey;//put values
return true;
}

function sendPoints( xvalue)
{
alert("inside function :" + xvalue);
document.f1.down.value=document.f1.xvalue.value;
}

function check()
{
alert("Check :" + document.f1.xvalue.value);
sendPoints(document.f1.xvalue.value);
}
</script>

<p> X-value
<input name="xvalue" type="text" size="5" onclick="sendPoints(document.f1.xvalue.value)">
</p>
<p>Y-value
<input name="yvalue" type="text" size="5">
</p>
<p>Mouse Down
<input name="down" type="text" size="5">
</p>
<p>
<embed src=" " onclick="sendPoints(document.f1.xvalue.value) " > Hi---------------- </embed>
</p>
</form>
</div>
<H1 onclick="sendPoints(document.f1.xvalue.value)"> Hello </h1>
</body>
</html>

euro symbol doesn't work on german XP/OSX systems

vaikl — Tue, 31 Jul 2007 16:44:21 GMT

Hi!

I've tried all code combinations from your manuals and some online html-handons, but the euro symbol "€" doesn't show up, neither in FM 8.5 advanced directly nor in any browser via IWP. Any hints, somebody??

BTW: When i try to post this from a XP system i get a "the admin request content in your post, not html ony, images (blabla)" error. Huh? Now i'm posting this via a mac.

Ciao
Klaus

How we do the "Navication Back Option" using Javascript.

prabu — Tue, 05 Jun 2007 01:23:00 GMT

"Navication Back Option" is not working while using Javascript.

Any one knows how we do the "Navication Back Option" using Javascript in DashBoard view, in Fusioncharts..