Sign in to follow this  
Guest Basundhara Ghosal

Problems using multi level pie and javascript

Recommended Posts

I am trying to invoke a javascript function in the multi level pie chart or opening a new window.

I have read the documentation, and try several combination, but I have only be able to open a window, but no pop-ups, no new window, no javascript functions, etc. I have tried several navigators like IE, Chrome, Firefox 3.5

I have used other products from fusioncharts without any problem.

Thanks in advance

Rafa

Share this post


Link to post
Share on other sites
Guest Basundhara Ghosal

Hi,

Welcome to FusionCharts forum. :)

Could you please send us the codes that you are using along with the XML codes as an attachment so that we might look to it?

You can also try it using the following links:-

Ref:-http://www.fusioncharts.com/docs/Contents/DrillDown/Frames.html

Ref:-http://www.fusioncharts.com/docs/Contents/DrillDown/PopUps.html

Ref:-http://www.fusioncharts.com/docs/Contents/DrillDown/JavaScript.html

Hope this helps.

Share this post


Link to post
Share on other sites

Thanks,

These are the files, it is you MLPie2 example with some modifications, I have tried several combinations but without any success.

Regards

Rafa

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>FusionCharts v3 Documentation</title>

<link rel="stylesheet" href="../Contents/Style.css" type="text/css" />

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

</head>

<body>

<table width="98%" border="0" cellspacing="0" cellpadding="3" align="center">

  <tr>

  <td valign="top" class="text" align="center"> <div id="chartdiv" align="center">

  FusionCharts. </div>

  <script type="text/javascript">

var chart = new FusionCharts("../Charts/MultiLevelPie.swf", "ChartId", "600", "600", "0", "1");

chart.setDataURL("Data/MLPie2.xml");

chart.render("chartdiv");

function myJS(myVar){

 

 window.alert('Hola');

}

</script> </td>

  </tr>

  <tr>

  <td valign="top" class="text" align="center"> </td>

  </tr>

  <tr>

  <td valign="top" class="text" align="center"><a href="Data/MLPie2.xml" target="_blank"><img src="../Contents/Images/BtnViewXML.gif" alt="View XML for the above chart" width="75" height="25" border="0" /></a></td>

  </tr>

</table>

</body>

</html>

 

<chart palette='4' piefillAlpha='34' pieBorderThickness='1' hoverFillColor='FDCEDA' pieBorderColor='666666'

baseFontSize='9' useHoverColor='1' showLabels='1' caption='Keywords Analysis - Snapshot' showShadow='0'>

 <category label='Keywords' hoverText='tooltext1' link='p-MLPie3.html'>

<category value='50' label='Google Adwords' tooltext='tooltext1'>

 <category label='Campaign #1' tooltext='tiik' value='1673' link='j-myJS-USA,235'/>

 <category label='Campaign #1' tooltext='tiik' value='1673' link="j-myJS('USA',235)"/>

 <category label='Campaign #1' tooltext='tiik' value='1673' link="j-myJS('USA',235)"/>

</category>

<category value='50' label='Campaign #2' tooltext='<B>Name: Campaign

#2</B><BR><B><B>Clicks: </B></B> 989<BR><B>Impression:

</B>2459<BR><B>CTR: </B>0.4021%<BR><B>Avg. CPC:

</B>$0.20<BR><B>Cost Conv.: </B>$0.67' value='989'>

 <category label='Campaign #1' tooltext='tiik' value='1673' link="j-myJS('USA',235)">

<category label='Campaign #1' tooltext='tiik' value='1673' link="j-myJS('USA',235)"/>

<category label='Campaign #1' tooltext='tiik' value='1673' link="j-myJS('USA',235)"/>

<category label='Campaign #1' tooltext='tiik' value='1673' link="j-myJS('USA',235)"/>

 </category>

 <category label='Campaign #1' tooltext='tiik' value='1673' link="j-myJS('USA',235)"/>

 <category label='Campaign Test Link' tooltext='tiik' value='1673' link="JavaScript:myJS('S.Korea, 86');"/>

</category>

 </category>

<styles>

  <definition>

<style name='myHTMLFont' type='font' isHTML='1' />

<style name='myBevel' type='bevel' distance='8'/>

<style name='captionFont' type='font' size='16'/>

  </definition>

  <application>

<apply toObject='TOOLTIP' styles='myHTMLFont' />

  <apply toObject='DATALABELS' styles='myHTMLFont' />

  <apply toObject='DATAPLOT' styles='myBevel' />

  <apply toObject='CAPTION' styles='captionFont' />

  </application>

</styles>

</chart>

Share this post


Link to post
Share on other sites
Guest Madhumita

Hello,

You are most welcome.

Glad that I could help you. :)

Happy FusionCharting.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this