2015-06-05 114 views
1

我想根據城市的名稱爲氣泡着色。有點像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/

回答

3

之前發起圖表執行此爲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函數所定義的。

+0

謝謝!那麼,我如何將懸停改爲正確的顏色? –

+0

一般還是特定的點? –

相關問題