score:6

in order to add arrow to your tooltip you can set followpointer: false

const options = {
  series: [{
    mapdata: highcharts.maps['custom/europe'],
    data: [
      ['is', 1],
      ['no', 1],
      ['se', 1],
      ['dk', 1],
      ['fi', 1]
    ]
  }],
  tooltip: {
    followpointer: false,
      backgroundcolor: '#ff9600',
      borderwidth: 1,
      bordercolor: '#ff9600',
      borderradius: 2,
      formatter: function () {
          return '<b>' +
          '<span style="'+ 'tooltipstyle' + '">' + this.point.name + ': $ 620 usd</span><br>' +
          '<span style="'+ 'tooltipstyle' + '">' + this.point.value + ' transactions</span>';
      }
  }
}

const chart = highcharts.mapchart('container', options)

live example: https://jsfiddle.net/krg9m2zb/


Related Query

More Query from same tag