javascript - 多系列气泡图 Highcharts

我正在尝试在气泡图中使用Mult系列。我目前正在做的是：

$('#container').highcharts('Map', {
    title: {
        text: 'Bubble Chart'
    },

    tooltip: {
        pointFormat: '{point.estado}<br>' +
            'Ligacoes: {point.ligacoes}'
    },

    series: [{
            name: 'Basemap',
            mapData: map,
            borderColor: '#606060',
            nullColor: 'rgba(200, 200, 200, 0.2)',
            showInLegend: false
        },  {
            type: 'mapbubble',
            dataLabels: {
                enabled: true,
                format: '{point.capital}'
            },
            name: 'Test',
            data: data,
            maxSize: '12%',
            color: '#EE0000'

            name: 'Test2',
            data: data,
            maxSize: '12%',
            color: '#EE0000'


    }]
});

目前，我不在乎两个系列中的数据是否相同。如果我只用一个就行

name: 'Test',
data: data,
maxSize: '12%',
color: '#EE0000'

任何人都可以尝试告诉我该怎么办...我正在尝试了解如何拥有多个意甲。

谢谢 ！

最佳答案

每个系列在series数组中表示为一个对象。您只是在同一系列对象中重新声明相同的名称/值对，这只会覆盖值。

简而言之，它应该类似于：

// series array
series: [{
    // Series object 1
    name: 'Basemap',
    mapData: map
},  {
    // Series object 2
    type: 'mapbubble',
    name: 'Bubble 1',
    data: data
},  {
    // Series object 3
    type: 'mapbubble',
    name: 'Bubble 2',
    data: data
}]

或参见this more elaborate JSFiddle进行演示。

关于javascript - 多系列气泡图 Highcharts ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36411807/