在Bubble-Map中为每个气泡设置不同的颜色

时间:2015-08-02 19:18:50

标签: highcharts

在Higchart的 Bubble-Map 图表中,是否可以为每个气泡设置不同的颜色?如果是,请更新此jsfiddle链接。

series : [{
            name: 'Countries',
            mapData: mapData,
            color: '#E0E0E0',
            enableMouseTracking: false
        }, {
            type: 'mapbubble',
            mapData: mapData,
            //color : 'red' // This color applies for all the bubbles but i want different color for each bubble
            name: 'Population 2013',
            joinBy: ['iso-a2', 'code'],
            data: data,
            minSize: 4,
            maxSize: '12%',
            tooltip: {
                pointFormat: '{point.code}: {point.z} thousands'
            }
        }]

1 个答案:

答案 0 :(得分:2)

您可以将颜色放在数据字符串中,例如

var data = [{
       code: "AF",
       z: 30552,
       color: '#642288'
    }, /*.... etc */
]

由于示例中的数据是从其他地方加载的,我将其复制到小提琴中并添加了颜色。

Updated JS Fiddl