Highmaps

Question

我正在使用 Highmaps 创建地图图表。

这是我的导入：highcharts.js、map.js、data.js、world.js、exporting.js 和 charts.js。

这是我的代码

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']

                   }]
        });

注意：这里的数据是键：值对，其中键是国家代码，值是该特定国家/地区的实体编号。

现在的问题是图表在除强大 Internet Explorer 之外的所有浏览器中都可以正常绘制。问题出在IE相关国家没有填色

这是chrome的结果

这是 IE 的结果

IE 是否需要任何额外的文件？或者还有其他解决方法吗？

Answer 1

找到问题

实际上我遗漏了数据中的逗号

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

 ];

数据应该像

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

chrome、firefox、safari 甚至 edge 都运行良好。只有 IE 有问题。欢呼IE!!!

Highmaps - Internet Explorer 问题

Highmaps - Issue with Internet Explorer

charts

internet-explorer

highcharts

internet-explorer-11