Highmaps - Internet Explorer问题

时间:2016-08-09 11:23:22

标签: internet-explorer charts highcharts internet-explorer-11 highmaps

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

以下是我的导入:highcharts.jsmap.jsdata.jsworld.jsexporting.jscharts.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']

                   }]
        });

注意:这里的数据是Key:value pair,其中key是国家代码,value是该特定国家的实体数。

现在问题是图表在除强大的Internet Explorer之外的所有浏览器中都很好。问题出在IE相关国家/地区未填充颜色。

这是chrome的结果

enter image description here

这是IE的结果

enter image description here

IE还需要其他文件吗?或者还有其他解决方法吗?

1 个答案:

答案 0 :(得分:1)

发现问题

实际上我错过了数据中的逗号

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

 ];

数据应该像

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

它适用于chromefirefoxsafari甚至edge。只有IE有问题。 Hail IE !!!