如何更改高图气泡颜色

Question

我想根据城市的名称为气泡着色。有点像this.point.capital ==蒙哥马利& this.point.capital ==朱诺;颜色=“红色”。但是我不能将这个if函数添加到color属性中。你能帮我吗？

谢谢！

series: [{ 
      name: 'Basemap', 
      mapData: map, 
      borderColor: '#606060', 
      nullColor: 'rgba(200, 200, 200, 0.2)', 
      showInLegend: false 
     }, { 
      name: 'Separators', 
      type: 'mapline', 
      data: H.geojson(map, 'mapline'), 
      color: '#101010', 
      enableMouseTracking: false 
     }, { 
      type: 'mapbubble', 
      dataLabels: { 
       enabled: true, 
       format: '{point.capital}' 
      }, 
      name: 'Cities', 
      data: data, 
      maxSize: '12%', 
      color: H.getOptions().colors[0] 
     }] 

http://jsfiddle.net/oufwhmz0/

Answer 1

之前发起图表执行此为data阵列中每个单独的气泡（未系列作为一个整体）。例如延伸代码（JSFiddle）：

function determineColor(entry) { 
    if(entry.capital == "Montgomery") 
     return "#FF00FF"; 
    else if(entry.capital == "Salt Lake City") 
     return "#00FF00"; 
    return null; 
} 

// Add series with state capital bubbles 
$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=us-capitals.json&callback=?', function (json) { 
    var data = []; 
    $.each(json, function (ix, entry) { 
     entry.z = entry.population; 
     entry.color = determineColor(entry); // Added 
     data.push(entry); 
    }); 

    // ... rest as usual 
}); 

它仅设置color每个entry（这将是一个气泡），由determineColor函数所定义的。