javascript - 基于示例的具有两个系列的 HighMaps 不起作用

Question

我正在尝试使用以下 HighMaps 示例：http: //jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/maps/demo/all-maps/ 结合这个：http: //jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/maps/demo/map-bubble/

我想要一张带有彩色区域（如示例 1）和 mapbubble 的地图。不幸的是，代码不起作用，气泡没有从数据源中获取值。

series : [{
        data : data,
        mapData: Highcharts.maps['fr-all'],
        joinBy: 'hc-key',
        name: 'Circuses',
        allowPointSelect: true,
        states: {
            hover: {
                color: '#BADA55'
            }
        },
        dataLabels: {
            enabled: true,
            format: '{point.name}'
        }
    },
    {
        data : data,
        type: 'mapbubble',
        mapData: Highcharts.maps['fr-all'],
            minSize: 4,
            maxSize: '12%',
        joinBy: 'hc-key',
        name: 'Clowns',
        states: {
            hover: {
                color: '#BADA55'
            }
        },
        dataLabels: {
            enabled: false,
            format: '{point.name}',

        }
    }   
    ]