Highchart карта серии нажмите не работает IE-11 - PullRequest
Новая
       17

Highchart карта серии нажмите не работает IE-11

0 голосов
/ 07 декабря 2018

Событие клика в серии карт не работает в один клик.Я показываю всплывающее окно с информацией о стране в событии клика.Он отлично работает с другими браузерами, кроме IE-11.В IE событие нажатия работает нормально в первый раз, но после нескольких нажатий на разные точки, нажатие работает только в два раза.

Вот мой код 

$(self.element).highcharts('Map', {
  chart: {
    marginTop: 0,
    height: mapheight,
    marginTop: marginTop,
    marginLeft: 0,
    marginBottom: 0,
    spacing: 10,
    events: {
      load: function() {
        this.myTooltip = new Highcharts.Tooltip(this, this.options.tooltip);
        $(".highcharts-container .highcharts-tooltip:last-child").addClass("highchartClicks");
      }
    }
  }
  tooltip: {
    enabled: true,
    backgroundColor: '#ffffff',
    borderWidth: 0,
    shadow: true,
    padding: 15,
    useHTML: true,
    formatter: function() {
      var flag = this.point.name.trim();
      flag = flag.split(" ").join("-");
      var tooltipname = this.point.options.name;
      var popuptemp = '<span class="tooltipMain">' +
        '<span class="tooltiptop">' +
        '<div class="header">' +
        '<span class="name"><b>' + tooltipname + '</b></span>' +
        '</div>' +
        '</span>' +
        '</span>'
      return popuptemp
    }
  },
  plotOptions: {
    series: {
      stickyTracking: true,
      events: {
        click: function(e) {
          self._loadPopUp(e.point.name, e.point.countryCode);
        }
      }
    }
  },
  series: [{
    data: self.countryList,
    allAreas: true,
    mapData: Highcharts.maps['custom/africa'],
    nullColor: '#fff',
    borderColor: '#b3b3b3',
    borderWidth: 1,
    dataLabels: {
      enabled: false,
      color: '#FFFFFF',
      format: '{point.name}'
    },
    joinBy: ['hc-a2', 'countryCode'],
    name: 'FP2020',
    states: {
      hover: {
        color: '#b3b3b9'
      }
    }
  }]
});
...