here is the map option I have.
I want to build a bubble map, but everytime i set type: 'mapbubble', in the series the map become all grey. Without specifying the mapbuble type I have a mono color over the countries instead.
Anything I am doing wrong here ?
Thanks
K
Code: Select all
const mapOptions = {
chart: {
map: mapDataIE,
borderWidth: 0
},
title: {
text: ''
},
credits: {
enabled: false
},
legend:{
enabled: false
},
borderColor: "#343a40",
mapNavigation: {
enabled: true,
enableDoubleClickZoomTo: true,
buttonOptions: {
theme: {
fill: '#eead2200',
'stroke-width': 0,
stroke: '#eead2200',
r: 0,
states: {
hover: {
fill: '#eead2200'
},
select: {
stroke: '#eead2200',
fill: '#eead2200'
}
}
},
verticalAlign: 'bottom'
},
buttons:{
zoomIn: {
text: ""
},
zoomOut: {
text: ""
}
}
},
series: [{
name: 'Countries',
color: '#E0E0E0',
enableMouseTracking: false
},{
type: 'mapbubble',
borderWidth:0,
borderColor: '#a8a8a8',
nullColor: '#a8a8a8',
joinBy: ['hc-key'],
data: data,
minSize: 9,
maxSize: 9,
cursor: 'pointer'
}]
}