将highcharts mapbuble类型更改为自定义图像

Question

有没有办法将highcharts mapbubble类型的气泡更改为您计算机上的图像？

在更改此示例中的蓝色气泡时：

type: 'mapbubble',
mapData: mapData,

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/maps/demo/map-bubble/

我想加载地图标记而不是圆圈，但仍然基于相同的数据，我该怎么做？

Answer 1

使用mappoint系列，您可以在其中设置series.marker.symbol可以是图片。

示例：http://jsfiddle.net/x5r6or8b/1/

唯一的问题是你需要为所有点获得正确的x / y坐标。我通过获取每个气泡的x / y来生成此值：http://jsfiddle.net/x5r6or8b/并将其重新用于演示。

系列代码：

        series: [{
            name: 'Countries',
            mapData: mapData,
            color: '#E0E0E0',
            enableMouseTracking: false
        }, {
            type: 'mappoint',
            mapData: mapData,
            name: 'Population 2010',
            data: mapPoints,
            minSize: 4,
            maxSize: '12%',
            tooltip: {
                pointFormat: '{point.code}: {point.z} thousands'
            },
            marker: {
                symbol: 'url(http://highcharts.com/demo/gfx/sun.png)'
            }
        }]

Answer 2

您不需要使用mappoint，也可以在'mapbubble'中更改标记符号。它会正常工作。