We are trying to implement the sample map chart https://www.highcharts.com/demo/maps/rich-info using React JS wrapper. We need to highlight the selected country that the user clicked on a country in the map. However, the following states.select configuration is not working in the Highchart map version of React JS.
Code: Select all
series: [{
data: data,
mapData: mapData,
joinBy: ['iso-a3', 'code3'],
name: 'Current population',
allowPointSelect: true,
cursor: 'pointer',
states: {
select: {
color: '#a4edba',
borderColor: 'black',
dashStyle: 'shortdot'
}
},
borderWidth: 0.5
}]
Thanks,
Lahiru