我正在使用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']
}]
});
注意:这里的数据是Key:value pair,其中key是国家代码,value是该特定国家的实体数。
现在问题是图表在除强大的Internet Explorer
之外的所有浏览器中都很好。问题出在IE
相关国家/地区未填充颜色。
这是chrome的结果
这是IE的结果
IE还需要其他文件吗?或者还有其他解决方法吗?
答案 0 :(得分:1)
发现问题
实际上我错过了数据中的逗号
data = [
{
"code": "KE"
"value": 728
},
{
"code": "BR"
"value": 710
},
{
"code": "NP"
"value": 963
}
];
数据应该像
{
"code": "NP",
"value": 963
}
它适用于chrome
,firefox
,safari
甚至edge
。只有IE
有问题。 Hail IE
!!!