在HighMaps中为自定义地图定义自定义调色板

时间:2016-02-16 17:06:46

标签: javascript highcharts

我在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中发生了一些不同的事情,但它似乎仍然不正确。

我做错了什么?

0 个答案:

没有答案