Highmaps get country name on click when country has no data

Question

I have a Highmaps-map of the world, and display data for some countries. Getting a click handler for these countries is simple. (see also highmaps get country name on click event)

However, I would like to be able to also detect clicks on countries without data.

I found I can add a generic click handler to the map, but the event does not give me the selected country.

Any hints?

Relevant part of the options:

options: {
    chart: {
        events: {
            click: function (e) { console.log( e);},

score 2 · Accepted Answer · answered Apr 01 '20 at 10:11

2

All points without data are rendered as null points by default, so you need to only enable nullInteraction property:

series: [{
  nullInteraction: true,
  point: {
    events: {
      click: function() {
        console.log(this.name)
      }
    },
  },
  ...
}]

Live demo: https://jsfiddle.net/BlackLabel/wnfrza5j/1/

API Reference: https://api.highcharts.com/highmaps/series.map.nullInteraction

answered Apr 01 '20 at 10:11

ppotaczek

36,341
2
14
24

Thanks! `nullInteraction` was the magic word (that was a bit hard to guess/find) – Rob Audenaerde Apr 01 '20 at 11:31
Do we also add null select/remove in legend options ? – user1583465 Nov 04 '22 at 12:17
@user1583465, what do you exactly mean? Could you create a new question with more details and with `highcharts` tag? – ppotaczek Nov 04 '22 at 14:30

Highmaps get country name on click when country has no data

1 Answers1