Linke to jsfiddle: https://jsfiddle.net/0o8jazud/11/
I'm attempting to customize a world map to have pinpoints on them. I am attempting label a couple with pins and on hover only working for those pinned countries. I was able to customize an EU country map with pins, but when attempting to apply it to a world map the map does not load.
I attempted to change
Code: Select all
chart: {
map: 'custom/europe',
borderWidth: 1
},
2. I am also attempting to make all countries one universal color red. I applied a color property to the map but it only applies to tooltip legend and border effect from the pins but does not make all countries 1 color which would be red.
3. I would also like to add a hover effect on only the countries that are pinned. I would like the hover to highlight the entire country. I've attempted this by adding an in the series but it has no effect.
Code: Select all
states: {
hover: {
color: 'rgba(17, 134, 195, 0.5);'
}
},
Please advise on how I can achieve this.
Best,