我在Inkscape中绘制了一个自定义地图并生成了JSON SVG输出。我修改了JSON,因此地图的每个区域都是自己的系列。
当我使用默认调色板实例化地图时,它在IE 11和Edge中加载速度非常快。 Here是小提琴。
但是,当我使用highcharts对象的colors属性定义自定义调色板或在地图数据中设置color属性时,颜色不会出现,直到区域悬停在上面。此外,图例表明尽管有自定义调色板,所有区域都是黑色的。 Here是小提琴。
$(function () {
var md = mapData[0].data;
$('#container').highcharts('Map', {
title : { text : 'COCOMs' },
colors: ["#6cc2c8ff", "#3a784cff",
"#c4b9c9ff", "#d3eafaff",
"#afd5acff", "#e4cf8cff"],
series: jQuery.map(md, function(element, index) {
var seriesElement = {
type: 'map',
joinBy: 'name',
name: element.name,
data: new Array({name:element.name, value:index}),
mapData: new Array(element),
_colorIndex: index
};
return seriesElement;
})
});
});
在Chrome和FireFox中发生了一些不同的事情,但它似乎仍然不正确。
我做错了什么?