Highmaps - Issue with Internet Explorer

Question

I am using Highmaps for creating map charts.

Here are my import : highcharts.js, map.js, data.js, world.js, exporting.js and charts.js.

Here is my code

var mapChart = $('#chartContainer0').highcharts('Map', {
          title : {
              text : 'Geographical Distribution'
          },
          subtitle:{
              text : 'Total IEs'
          },
          series : [{
                       data : data,
                       mapData: Highcharts.maps['custom/world'],
                       joinBy: ['iso-a2', 'code']

                   }]
        });

Note : Here data is Key : value pair where key is country code and value is number of entity in that perticular country.

Now problem is chart is drawing fine in all browsers except the mighty Internet Explorer. Problem is in IE the related countries are not filled in with colour.

Here is chrome's result

Here is IE's result

Is there any additional file needed for IE? Or is there any other workaround?

Answer 1

Found the issue

Actually I was missing the comma in the data

 data = [
   {
       "code": "KE"
       "value": 728
   },
   {
       "code": "BR"
       "value": 710
   },
   {
       "code": "NP"
       "value": 963
   }

 ];

The data should be like

{
       "code": "NP",
       "value": 963
}

It was working fine for chrome, firefox, safari and even edge. Only IE has issue with it. Hail IE!!!