princej88

Members
 View Profile  See their activity

  • Content count

    11

  • Joined

  • Last visited

  • Days Won

    1

About princej88

  • Rank
    Junior Member

  1. Gradient Legend On All Maps

    princej88 replied to princej88's topic in Using FusionMaps XT

    Solved. Had to do with the location of the flash files and the actual path to them.

  2. Odd Linked Charts Behaviour

    princej88 replied to princej88's topic in Using FusionMaps XT

    Solved! Had to do with the location of the flash files and the actual path to them.

  3. Odd Linked Charts Behaviour

    princej88 replied to princej88's topic in Using FusionMaps XT

    Solved! Had to do with the location of the flash files and the actual path to them.
  4. princej88 started following Possible To Have More Than Two Y Axis?, Odd Linked Charts Behaviour, Gradient Legend On All Maps and and 2 others

  5. Odd Linked Charts Behaviour

    princej88 posted a topic in Using FusionMaps XT

    Hi, I am trying to create a linked chart that when an entity on the parent map is clicked that the child map is shown in a div on the right side. Now this works perfectly in the code below: <!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=utf-8" /> <title>Linked Fusionmaps Test</title> <script type="text/javascript" src="/approot/fusionmaps/drill/Maps/FusionCharts.js"></script> </head> <body> <div class="content-area"> <div id="content-area-inner-main"> <p class="text" align="center" > </p> <div id="messageBox" style="margin-left:100px; margin-right:100px; display:none;"></div> <p class="small" align="center"> </p> <div class="clear"></div> <div class="gen-chart-render"> <table> <tr> <td><div id="mapContainer" align="center">FusionMaps.</div></td> <td style="text-align:center; height:350px; width:550px; border:1px dotted #ccc;" valign="middle"><div id="linkedchart-container" >Linked map will load here.</div></td></tr></table> <script type="text/javascript"> var myMap = new FusionCharts("/approot/fusionmaps/drill/maps/fcmap_usa.swf", "myMapId", "650", "450", "0"); myMap.setJSONData({ "map": { "includevalueinlabels": "1", "numberprefix": "{:content:}quot;, "basefontsize": "9" }, "colorrange": { "color": [ { "minvalue": "0", "maxvalue": "2", "displayvalue": "Low", "color": "CC0001" }, { "minvalue": "2", "maxvalue": "5", "displayvalue": "Medium", "color": "FFCC33" }, { "minvalue": "5", "maxvalue": "10", "displayvalue": "High", "color": "069F06" } ] }, "data": [ { "id" : "AL", "value" : "1", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_usa-xml-alabama.swf" }, { "id" : "CA", "value" : "8", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_california.swf-xml-california" }, { "id" : "CO", "value" : "2", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_colorado.swf-xml-colorado" }, { "id" : "FL", "value" : "3", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_florida.swf-xml-florida" }, { "id" : "IA", "value" : "1", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_iowa.swf-xml-iowa" }, { "id" : "IL", "value" : "2", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_illinois.swf-xml-illinois" }, { "id" : "IN", "value" : "2", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_indiana.swf-xml-indiana" }, { "id" : "MA", "value" : "1", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_massachusetts.swf-xml-massachusetts" }, { "id" : "MD", "value" : "1", "link" :"newchart:/approot/fusionmaps/drill/maps/fcmap_maryland.swf-xml-maryland" }, { "id" : "MI", "value" : "1", "link" :"newchart:/approot/fusionmaps/drill/maps/fcmap_michigan.swf-xml-michigan" }, { "id" : "MN", "value" : "2", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_minnesota.swf-xml-minnesota" }, { "id" : "MO", "value" : "1", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_missouri.swf-xml-missouri" }, { "id" : "NV", "value" : "1", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_nevada.swf-xml-nevada" } ,{ "id" : "OH", "value" : "1", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_ohio.swf-xml-ohio" }, { "id" : "SC", "value" : "1", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_southcarolina.swf-xml-southcarolina" }, { "id" : "TN", "value" : "1", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_tennessee.swf-xml-tennessee" }, { "id" : "TX", "value" : "4", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_texas.swf-xml-texas" }, { "id" : "UT", "value" : "2", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_utah.swf-xml-utah" }, { "id" : "WA", "value" : "3", "link" : "newchart:/approot/fusionmaps/drill/maps/fcmap_washington.swf-xml-washington" }, { "id" : "WI", "value" : "1", "link" :"newchart:/approot/fusionmaps/drill/maps/fcmap_wisconsin.swf-xml-wisconsin" } ], "linkeddata": [ { "id": "arizona", "linkedmap": { "map": { "bordercolor": "005879", "fillcolor": "FFFFFF", "includevalueinlabels": "1", "numberprefix": "{:content:}quot;, "basefontsize": "9" }, "data": [] } }, { "id": "georgia", "linkedmap": { "map": { "bordercolor": "005879", "fillcolor": "D7F4FF", "includevalueinlabels": "1", "numberprefix": "{:content:}quot;, "basefontsize": "9" }, "data": [] } }, { "id": "alabama", "linkedmap": { "map": { "bordercolor": "FFFFFF", "connectorcolor": "000000", "fillalpha": "70", "hovercolor": "FFFFFF", "showbevel": "0", "interactiveAnimation" : "1", "interactiveAnimDuration" : "1", "enableSnapLegend": "1" }, "data": [] } }, { "id": "southcarolina", "linkedmap": { "map": { "bordercolor": "005879", "fillcolor": "D7F4FF", "includevalueinlabels": "1", "numberprefix": "{:content:}quot;, "basefontsize": "9" }, "data": [] } }, { "id": "california", "linkedmap": { "map": { "bordercolor": "005879", "fillcolor": "d9d9d9", "includevalueinlabels": "1", "numberprefix": "{:content:}quot;, "basefontsize": "9" }, "data": [] } }, { "id": "texas", "linkedmap": { "map": { "bordercolor": "005879", "fillcolor": "D7F4FF", "includevalueinlabels": "1", "numberprefix": "{:content:}quot;, "basefontsize": "9" }, "data": [] } } ] }); myMap.render("mapContainer"); FusionCharts("myMapId").configureLink ( { "renderAt" : "linkedchart-container", overlayButton: { show : false } }, 0); </script> </div> </div> </div> </body> </html> Now I have modified this to work with the map of Europe and what I want to happen is when a country is clicked from the left map, I want to display the map of the country on the right side. Here is where I am getting the odd behaviour. When I click on an entity (country) from the parent map, it looks as though the html page is trying to open the map with a new url. The url that appears in the browser bar is: newchart://path/to/swf-xml-Austria. I have attached a screenshot of this happening. The really odd thing is that the code above works perfectly for the USA Map. All i had done was change the references in the html to point to a new map flash file and modify the data to reflect the new map and this is the odd behaviour that I am getting. Any help on this would be greatly appreciated. I have spent way too much time trying to figure this out. Thanks ahead of time for your help. Thanks, Prince

  6. Gradient Legend On All Maps

    princej88 replied to princej88's topic in Using FusionMaps XT

    Hi, Thanks for the prompt reply. I am trying to get the gradient legend working with the austria map with no luck. Here is my code: <html> <head> <title>Fusionmaps Testing</title> <script type="text/javascript" src="/approot/js/FusionCharts.js"></script> </head> <body> <div id="mapdiv" align="center"> Fusionmaps will load here. </div><!--mapdiv--> <script type="text/javascript"> var map = new FusionCharts("/approot/fusionmaps/FCMap_Austria.swf", "Map1ID", "750", "460", "0", "0"); map.setJSONData({ "map": { "bordercolor": "FFFFFF", "connectorcolor": "000000", "fillalpha": "70", "hovercolor": "FFFFFF", "showbevel": "0", "interactiveAnimation" : "1", "interactiveAnimDuration" : "1", "enableSnapLegend": "1" }, "colorrange": { "gradient": "1", "minvalue": "0", "code": "CC0001", "startlabel": "Bad", "endlabel": "Very Good", "color": [ { "maxvalue": "33", "displayvalue": "Poor", "code": "FF0000" }, { "maxvalue": "66", "displayvalue": "Average", "code": "FFCC33" }, { "maxvalue": "100", "code": "069F06" } ] }, "data": [ { "id" : "01", "value" : "10" }, { "id" : "02", "value" : "80" }, { "id" : "03", "value" : "20" }, { "id" : "04", "value" : "30" }, { "id" : "05", "value" : "10" }, { "id" : "06", "value" : "20" }, { "id" : "07", "value" : "20" }, { "id" : "08", "value" : "10" }, { "id" : "09", "value" : "10" } ], "styles": { "definition": [ { "type": "animation", "name": "animX", "param": "_xscale", "start": "0", "duration": "1" }, { "type": "animation", "name": "animY", "param": "_yscale", "start": "0", "duration": "1" } ], "application": [ { "toobject": "PLOT", "styles": "animX,animY" } ] } }); map.render("mapdiv"); </script> </body> </html> I have also attached a screenshot of my output. Any idea what I might be doing wrong here? Thanks ahead of time for the help. Thanks, Prince

  7. Gradient Legend On All Maps

    princej88 posted a topic in Using FusionMaps XT

    Hi, Is the gradient legend supported on all maps? I was only able to get the gradient legend to work with the USA map. If it is support across other maps, is there an example somewhere of it? Thanks ahead of time for the help! Thanks, Prince

  8. Modified First Linked Map Not Working

    princej88 replied to princej88's topic in Using FusionMaps XT

    Issue has been fixed Although I had referenced the flash files for the state maps with the correct capitalization (upper case 'M' in 'Maps' folder etc.), I was able to find out using fiddler that it was looking for the flash map files in all lowercase, as in the folders and the flash files were all being referenced in lowercase. I am not sure why it is doing that for this map, but I have just made the path to the maps and the maps themselves lowercase and that has fixed the issue.
  9. Hi, I followed the instructions in the documentation that you have to create a linked chart just link this one: http://docs.fusionch...s-renderat.html Everything worked fine. I even changed the data format to a huge json string, no issues. I wanted to modify this so that I show the map of the united states on the left side and when clicked on a state, show the map of that state on the right side. However, when I click on a corresponding state, the right side just goes blank and no map of the state selected is being shown. The funny thing about it is, if i link the continents on FCMap_World.swf (the map on the left in the link above) to different states, they do display just fine. It's just not working when I am using FCMap_USA.swf map. Here is my code below. All the references are accurate and all files do exist as I was able to get the chart documented in the link above to work. Any help will be greatly appreciated. <!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=utf-8" /> <title>Creating my first LinkedChart using FusionMaps XT</title> <script type="text/javascript" src="/approot/fusionmaps/drill/assets/ui/js/jquery.min.js"></script> <script type="text/javascript" src="/approot/fusionmaps/drill/Maps/FusionCharts.js"></script> <script type="text/javascript" src="/approot/fusionmaps/drill/assets/ui/js/lib.js"></script> <!--[if IE 6]> <script type="text/javascript" src="../assets/ui/js/DD_belatedPNG_0.0.8a-min.js"></script> <script> /* select the element name, css selector, background etc */ DD_belatedPNG.fix('img'); /* string argument can be any CSS selector */ </script> <![endif]--> </head> <body> <!-- wrapper --> <div id="wrapper"> <!-- header --> <div id="header"> <div class="logo" title= "FusionMaps XT "> <a href="http://www.fusioncharts.com/products/suite/fusionmaps/" target="_blank"> </a> </div> <h1 class="logo-text">Creating my first LinkedChart using FusionMaps XT</h1> </div> <!-- content area --> <div class="content-area"> <div id="content-area-inner-main"> <p class="text" align="center" > </p> <div id="messageBox" style="margin-left:100px; margin-right:100px; display:none;"></div> <p class="small" align="center"> </p> <div class="clear"></div> <div class="gen-chart-render"> <table> <tr> <td><div id="mapContainer" align="center">FusionMaps.</div></td> <td style="text-align:center; height:250px; width:450px; border:1px dotted #ccc;" valign="middle"><div id="linkedchart-container" >Click on a continent to show detailed map.</div></td></tr></table> <script type="text/javascript"> //var myMap = new FusionCharts("/approot/fusionmaps/drill/Maps/FCMap_World.swf", "myMapId", "450", "250", "0"); //putting new graph in place for testing. var myMap = new FusionCharts("/approot/fusionmaps/drill/Maps/FCMap_USA.swf", "myMapId", "450", "250", "0"); myMap.setJSONData( { "map": { "bordercolor": "005879", "fillcolor": "D7F4FF", "includevalueinlabels": "1", "numberprefix": "{:content:}quot;, "basefontsize": "9" }, "data": [ { "id": "GA", "value": "6921900", "link": "newchart:/approot/fusionmaps/drill/Maps/FCMap_Georgia.swf-xml-NorthAmerica" }, { "id": "AL", "value": "3087120", "link": "newchart:/approot/fusionmaps/drill/Maps/FCMap_Alabama.swf-xml-SouthAmerica" }, { "id": "SC", "value": "2434120", "link": "newchart:/approot/fusionmaps/drill/Maps/FCMap_SouthCarolina.swf-xml-Asia" }, { "id": "CA", "value": "5093230", "link": "newchart:/approot/fusionmaps/drill/Maps/FCMap_California.swf-xml-Europe" }, { "id": "TX", "value": "1032900", "link": "newchart:/approot/fusionmaps/drill/Maps/FCMap_Texas.swf-xml-Africa" }, { "id": "AZ", "value": "3461230", "link": "newchart:/approot/fusionmaps/drill/Maps/FCMap_Arizona.swf-xml-Australia" } ], "linkeddata": [ { "id": "Australia", "linkedmap": { "map": { "bordercolor": "005879", "fillcolor": "FFFFFF", "includevalueinlabels": "1", "numberprefix": "{:content:}quot;, "basefontsize": "9" }, "data": [] } }, { "id": "NorthAmerica", "linkedmap": { "map": { "bordercolor": "005879", "fillcolor": "D7F4FF", "includevalueinlabels": "1", "numberprefix": "{:content:}quot;, "basefontsize": "9" }, "data": [] } }, { "id": "SouthAmerica", "linkedmap": { "map": { "bordercolor": "005879", "fillcolor": "D7F4FF", "includevalueinlabels": "1", "numberprefix": "{:content:}quot;, "basefontsize": "9" }, "data": [] } }, { "id": "Asia", "linkedmap": { "map": { "bordercolor": "005879", "fillcolor": "D7F4FF", "includevalueinlabels": "1", "numberprefix": "{:content:}quot;, "basefontsize": "9" }, "data": [] } }, { "id": "Europe", "linkedmap": { "map": { "bordercolor": "005879", "fillcolor": "D7F4FF", "includevalueinlabels": "1", "numberprefix": "{:content:}quot;, "basefontsize": "9" }, "data": [] } }, { "id": "Africa", "linkedmap": { "map": { "bordercolor": "005879", "fillcolor": "D7F4FF", "includevalueinlabels": "1", "numberprefix": "{:content:}quot;, "basefontsize": "9" }, "data": [] } } ] }); myMap.render("mapContainer"); FusionCharts("myMapId").configureLink ( { "renderAt" : "linkedchart-container", overlayButton: { show : false } }, 0); </script> </div> <p class="highlightBlock">The above sample showcases how to configure LinkedCharts using FusionMaps XT. Click <a href="../../Contents/index.html?javascript/js_linkedcharts.html" target="_blank"> here</a> to know more on how the code of this example works. </p> </div> </div> </div> <script type="text/javascript"><!--// $(document).ready ( function() { showConditionalMessage( "Your browser does not seem to have Flash Player support. JavaScript map is rendered instead.", isJSRenderer(myMap) ); }); // --> </script> </body> </html>

  10. Different Color Bars In The Same Series

    princej88 replied to princej88's topic in General usage

    Thanks for the prompt reply. I will give this a shot.
  11. Hi, I am using the multi series bar 3d graph. I only have one series and I was wondering how I could pick a different color for each bar in the series. Is this possible? I would rather not have to switch to a non 3d bar graph because these do look the best. Thanks ahead of time for the help, Prince
  12. Hi, I am not sure if this is possible but thought I would ask. Say I have a dual y axis chart with two bar columns and a line. Just like the sales (multi series) example in the fusion charts xt gallery. I have attached a screenshot so you can see exactly what I am referring to. In the example, Product A is the blue bar, Product B is the gold bar and Total Quantity is the green line. What I want to do is show the Y values for Product A (blue bar) on the left side (Revenue) and show the Y values for Product B (gold bar) on right right side (Quantity). I would like to display the Y values for the line graph just next to each point. So for the line graph, no Y values are displayed on the left or right side but the actual value for each point is just shown next to the point in the line graph. If you take a look at my attachment, you should be able to see exactly what I am referring to.Please let me know if this is possible. Thanks ahead of time. -Prince