FusionCharts Forum / FusionCharts v3 / Using FusionCharts / JavaScript Problems / Java Script Drill Down Problem / Latest Posts

RE: Java Script Drill Down Problem

Pallav — Wed, 07 Mar 2007 23:46:48 GMT

Just one more change required- you need to enable the registerWithJS flag. See bold code below:

var Chart_YTDChart = new FusionCharts("Column3D.swf","YTDChart","900","300","1","1");

RE: Java Script Drill Down Problem

STravis — Wed, 07 Mar 2007 12:30:44 GMT

I tried every method that I could decipher from blueprint!

I think you mean somthing like this!!! - Same error???

[code]

<html>

<head>

<script language="JavaScript" src="FusionCharts.js"></script>

<script LANGUAGE="JavaScript">

function updateMTDChart()
{
var strURL = "http://192.168.0.2/scs400web/xml102.pgm?Location=00002%26Year=2007%26X=112046";
strURL = escape(strURL);
var chartObj = getChartFromId("MTDChart");
chartObj.setDataURL(strURL);
}

</script>

</head>

<body bgcolor="#ffffff">

<BR>

<div id="Div_YTDChart" align="center">The chart will appear within this DIV. This text will be replaced by the chart.</div>
<script type="text/javascript">
var Chart_YTDChart = new FusionCharts("Column3D.swf","YTDChart","900","300","1","0");
Chart_YTDChart.setDataURL("http://192.168.0.2/scs400web/xml101.pgm?Location=000321%26X=112046");
Chart_YTDChart.render("Div_YTDChart");
</script>

<BR>

<div id="Div_MTDChart" align="center">The chart will appear within this DIV. This text will be replaced by the chart.</div>
<script type="text/javascript">
var Chart_MTDChart = new FusionCharts("Column3D.swf","MTDChart","900","300","1","0");
Chart_MTDChart.setDataURL("http://192.168.0.2/scs400web/xml102.pgm?Location=000321%26Year=2007%26X=112046");
Chart_MTDChart.render("Div_MTDChart");
</script>

</body>

</html>

[/code]

I am obiously trying to force this to work so I can get syntax right - will then pass variables!

Thanks again,

S Travis

RE: Java Script Drill Down Problem

Pallav — Mon, 05 Mar 2007 13:33:47 GMT

In your function UpdateMTDChart, you've not first referenced the chart back from its ID. You need to use the getChartFromId(DOMId) function to get a reference back to chart. Only then, you can call it's methods.

Java Script Drill Down Problem

STravis — Sat, 03 Mar 2007 15:00:40 GMT

Hello,

I am attempting to get a handle on FusionCharts v3 using a product called Websmart accessing an AS/400 database. I have crated a simple page using three graphs being populated by external XML calls. All is working great and I am now trying to establish a simple drill down function. Page is populated by a location number being passed via URL - right now I am simply attempting to change MTD graph to a different location by clicking ANY YTD graph bar. The location change is hardcoded until I establish function - I can then setup all necessary parameters to control graphs. I have very little Javascript experience but have tried a number of methods that I have deciphered from blueprint - but when obvious errors removed seems to come back to - Object doesn't support this property or method. I am just not getting it right! Can anybody there take a look a code and point out obvious problems. I can provide URL but would rather not publish to public.

Basic code - internal address

[code]

<html>
<head>

<script language="JavaScript" src="FusionCharts.js"></script>

<Script LANGUAGE="JavaScript">
function UpdateMTDChart(Year)
{
MTDChart.setDataURL("http://192.168.0.2/scs400web/xml002.pgm?Location=27");
}
</Script>

</head>

<body bgcolor="#ffffff">

<BR>

<div id="YTDChartDiv" align="center">The chart will appear within this DIV. This text will be replaced by the chart.</div>
<script type="text/javascript">
var YTDChart = new FusionCharts("Column3D.swf","YTDChartId","900","300","0","0");
YTDChart.setDataURL("http://192.168.0.2/scs400web/xml001.pgm?Location=000321");
YTDChart.render("YTDChartDiv");
</script>

<BR>

<div id="MTDChartDiv" align="center">The chart will appear within this DIV. This text will be replaced by the chart.</div>
<script type="text/javascript">
var MTDChart = new FusionCharts("Column3D.swf","MTDChartId","900","300","0","0");
MTDChart.setDataURL("http://192.168.0.2/scs400web/xml002.pgm?Location=000321");
MTDChart.render("MTDChartDiv");
</script>

<BR>

<div id="DLYChartDiv" align="center">The chart will appear within this DIV. This text will be replaced by the chart.</div>
<script type="text/javascript">
var DLYChart = new FusionCharts("Column3D.swf","DLYChartId","900","300","0","0");
DLYChart.setDataURL("http://192.168.0.2/scs400web/xml004.pgm?Location=000321");
DLYChart.render("DLYChartDiv");
</script>

<BR>

</body>
</html>

[/code]

Thanks for your help!