fatguyfromqueens Report post Posted December 13, 2016 Hello. Great product but I am running into a problem. I am trying to create a world map where when you click on a continent, it goes to the continent map. I've looked at the tutorial (http://www.fusioncharts.com/dev/map-guide/adding-drill-down-to-maps.html) and also a previous post (http://forum.fusioncharts.com/topic/16778-set-drill-down-map-for-each-city-separately/) but still can't seem to "get it." The tutorial and the post seem to differ slightly in implementation so I am confused. So how would I construct this? Thanks very much! Code below. FusionCharts.ready(function() { var pubsByGeo = new FusionCharts( { "type": "maps/world", "renderAt": "mapdiv", "width": "900", "height": "600", "dataFormat": "json", "dataSource": { "chart": { "caption": "FGMC Publications", "subcaption": "Click on a Continent to view publications", "theme": "fint", "formatNumberScale": "0", "showLabels": "1", "nullEntityColor": "#C2C2D6", "nullEntityAlpha": "50", "hoverOnNull": "0", "useSNameInLabels": "0", "entityFillColor": "#A8A8A8", "entityFillHoverColor": "#E5E5E9" }, "data": [ { "id": "NA", "displayValue": "North America", "link": "newchart-northamerica-json" }, { "id": "SA", "displayValue": "South America", "link": "newchart-southamerica-json" }, { "id": "AS", "value": "247", "showLabel": "1" }, { "id": "EU", "value": "188.5", "showLabel": "1" }, { "id": "AF", "value": "87.2", "showLabel": "1" }, { "id": "AU", "value": "8.32", "showLabel": "1" } ], "linkeddata": [ { "id": "NA", "linkedchart": { "chart": { "caption": "North America", "subcaption": "Click on a country to see publications.", "entityFillHoverColor": "#E5E5E9", "showLabels": "1", "entityFillColor": "#A8A8A8", "theme": "fint", "showBorder": "1", "bordercolor": "#FFFFFF", "entityborderThickness": "3" }, "colorrange": { "startlabel": "Low", "endlabel": "High", "code": "#e44a00", "minvalue": "0", "gradient": "1", "color": [ { "maxvalue": "150", "displayvalue": "Average", "code": "#f8bd19" }, { "maxvalue": "600", "code": "#6baa01" } ] }, "data": [ { "id": "CA", "value": "99" }, { "id": "US", "value": "99" }, { "id": "MX", "value": "90" } ] }, "id": "SA", "linkedchart": { "chart": { "caption": "South America", "subcaption": "Click on a country to see its publications", "entityFillHoverColor": "#E5E5E9", "showLabels": "1", "entityFillColor": "#A8A8A8", "theme": "fint", "showBorder": "1", "bordercolor": "#FFFFFF", "entityborderThickness": "3" }, "colorrange": { "startlabel": "Low", "endlabel": "High", "code": "#e44a00", "minvalue": "0", "gradient": "1", "color": [ { "maxvalue": "150", "displayvalue": "Average", "code": "#f8bd19" }, { "maxvalue": "600", "code": "#6baa01" } ] }, "data": [ { "id": "CO", "displayValue": "Colombia" }, { "id": "BR", "displayValue": "Brazil" }, { "id": "AR", "displayValue": "Argentina" } ] } } ] } }); pubsByGeo.render(); }); Share this post Link to post Share on other sites
Ayan Bhadury Report post Posted December 14, 2016 Hi, To create a worldmap which redirects to a continent map on clicking the entity object, you need to set an entityclick FusionCharts api event which on clicking will show you the respective continent maps. For information regarding entityclick FusionCharts api event please visit here. For further reference please visit the fiddle link and check the sample code http://jsfiddle.net/ayanbhaduryfc/e57mb/148/ Hope this helps. Share this post Link to post Share on other sites
fatguyfromqueens Report post Posted December 14, 2016 HI Thanks, I think I got it to work, but I have another problem, will open another thread just in case someone else can use whatever answer you give. Share this post Link to post Share on other sites
joathan Report post Posted June 3, 2017 Hi, if I wanted a link when I clicked on the desired country, how would it look? Thank you. Share this post Link to post Share on other sites
Ayan Bhadury Report post Posted June 5, 2017 Hi, Yes, it is possible to use a link for a specific country, using link attribute at the data level. Please refer this sample fiddle for an example (Please click on the Australia to see it directs to a page) - http://jsfiddle.net/jee7mpk0/ Also for further reference please check this documentation link Share this post Link to post Share on other sites
