Search code examples
javascripthighchartshighmaps

Highmaps mapbubble

I have such a problem. I can't style the bubble when highmaps added to the page by single file(<script src="Resources/plugins/high-charts/js/highmaps.js"></script>). All options are ignored. enter image description here

And when I add highmaps via this two files: 

<script src="Resources/plugins/high-charts/js/highcharts.js"></script>
<script src="Resources/plugins/high-charts/js/modules/map.js"></script>

I can style bubbles but the regions are all the same color. They don't fill in different colors by their values as you can see on the first picture.enter image description here

If someone faced with a similar problem?

Solution

  • I resolved this issue with a strange method. Added random color to the map: mapOptions.series[0].color = 'rgba(144,237,125,0.8)'; and regions filled with different colors: enter image description here