dkyadav

Members
 View Profile  See their activity

  • Content count

    3

  • Joined

  • Last visited

About dkyadav

  • Rank
    Forum Newbie
  1. Thanks Bindhu, that worked
  2. dkyadav started following Problem While Including Fusioncharts.js For Fusionmaps And Fusioncharts On Same Page and Problem While Including Fusioncharts.js For Fusionmaps And Fusioncharts On Same Page
  3. I am trying to integrate FusionMaps and FusionCharts on the same page. I am using below to include javascript for both of them on a page: <script type="text/javascript" src="resources/charts/FusionCharts/FusionCharts.js"> </script> <script type="text/javascript" src="resources/Maps/FusionMaps.js"></script> But I am getting "Chart type not supported" for FusionMaps. But if I change the sequence of abobe JS include file. I get same error for FusionCharts. I am including my whole code below: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Multi Charts</title> <script type='text/javascript' src='resources/js/jquery.js'></script> <script type='text/javascript' src='resources/js/jqueryui.js'></script> <script type="text/javascript" src="resources/charts/FusionCharts/FusionCharts.js"> </script> <script type="text/javascript" src="resources/Maps/FusionMaps.js"></script> <link rel="stylesheet" type="text/css" href="resources/css/main.css" /> <script type="text/javascript"> FusionCharts.setCurrentRenderer('javascript'); var myMap = new FusionCharts("resources/Maps/FCMap_USA.swf", "myMapId", "750", "450", "0"); $(document).ready(function(e) { fillChart(); }); function fillChart() { $.getJSON("getCharts.cfc?method=getFusionChart&batchId=82642&"+$('form').serialize()+" &returnformat=json&queryformat=column", {}, function(res,code){ $('#div_AVERAGECALLTIME').html(res.DATA.AVERAGECALLTIME[0]) $('#div_CALLRESULTPERHOUR').html(res.DATA.CALLRESULTPERHOUR[0]) $('#div_CALLRESULT').html(res.DATA.CALLRESULT[0]) $('#div_CALLTIMEDISTRIBUTION').html(res.DATA.CALLTIMEDISTRIBUTION[0]) myMap.setXMLData(res.DATA.MAP[0]); myMap.render("mapContainer"); }); } </script> </head> <body> <div id="outer" style="width:100%"> <div id="inner"> <div id="mapContainer">FusionMaps XT will load here!</div> <br /> <div id="div_AVERAGECALLTIME" class="blocks"></div> <div id="div_CALLRESULTPERHOUR" class="blocks"></div><br /> <div id="div_CALLRESULT" class="blocks"></div> <div id="div_CALLTIMEDISTRIBUTION" class="blocks"></div> </div> </div> </body> </html> Can anybody please help and tell me what I am doing wrong here? Thanks!!
  4. I am trying to integrate FusionMaps and FusionCharts on the same page. I am using below to include javascript for both of them on a page: <script type="text/javascript" src="resources/charts/FusionCharts/FusionCharts.js"> </script> <script type="text/javascript" src="resources/Maps/FusionMaps.js"></script> But I am getting "Chart type not supported" for FusionMaps. But if I change the sequence of abobe JS include file. I get same error for FusionCharts. I am including my whole code below: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Multi Charts</title> <script type='text/javascript' src='resources/js/jquery.js'></script> <script type='text/javascript' src='resources/js/jqueryui.js'></script> <script type="text/javascript" src="resources/charts/FusionCharts/FusionCharts.js"> </script> <script type="text/javascript" src="resources/Maps/FusionMaps.js"></script> <link rel="stylesheet" type="text/css" href="resources/css/main.css" /> <script type="text/javascript"> FusionCharts.setCurrentRenderer('javascript'); var myMap = new FusionCharts("resources/Maps/FCMap_USA.swf", "myMapId", "750", "450", "0"); $(document).ready(function(e) { fillChart(); }); function fillChart() { $.getJSON("getCharts.cfc?method=getFusionChart&batchId=82642&"+$('form').serialize()+"&returnformat=json&queryformat=column", {}, function(res,code){ $('#div_AVERAGECALLTIME').html(res.DATA.AVERAGECALLTIME[0]) $('#div_CALLRESULTPERHOUR').html(res.DATA.CALLRESULTPERHOUR[0]) $('#div_CALLRESULT').html(res.DATA.CALLRESULT[0]) $('#div_CALLTIMEDISTRIBUTION').html(res.DATA.CALLTIMEDISTRIBUTION[0]) myMap.setXMLData(res.DATA.MAP[0]); myMap.render("mapContainer"); }); } </script> </head> <body> <div id="outer" style="width:100%"> <div id="inner"> <div id="mapContainer">FusionMaps XT will load here!</div> <br /> <div id="div_AVERAGECALLTIME" class="blocks"></div> <div id="div_CALLRESULTPERHOUR" class="blocks"></div><br /> <div id="div_CALLRESULT" class="blocks"></div> <div id="div_CALLTIMEDISTRIBUTION" class="blocks"></div> </div> </div> </body> </html> Can anybody please help and tell me what I am doing wrong here? Thanks!!