Highcharts：在一個系列中更改氣泡的顏色

我可以爲氣泡圖中的系列設置不同的顏色嗎？我嘗試設置屬性「顏色」，但不工作。Highcharts：在一個系列中更改氣泡的顏色

 data: [{ 
      x: 23, 
      y: 22, 
      z: 200, 
      name:"point1", 
      color: 'red' 
     }, { 
      x: 43, 
      y: 12, 
      z: 100, 
      name:"point2", 
      color:'yellow' 
     }]

也許我可以在系列中使用標籤，但我更喜歡改變氣泡，有可能嗎？

dataLabels: { 
     enabled: true, 
     color: 'red' 
}

這是我的jsfiddle：http://jsfiddle.net/tqVF8/2/

來源

2013-04-15 Lorenzo

需要一個獨特的顏色都需要它自己的一系列對象中的每個點。這是一個有點怪異，但這個工程：

series: [{ 
     data: [{ 
      x: 23, 
      y: 22, 
      z: 200, 
      name:"point1" 
     }, { 
      x: 43, 
      y: 12, 
      z: 100, 
      name:"point2", 
     }], 
     color: "yellow" 
    },{ 
     data: [{ 
      x: 50, 
      y: 22, 
      z: 150, 
      name:"point3" 
     }, { 
      x: 43, 
      y: -30, 
      z: 100, 
      name:"point4", 
     }], 
     color: "blue" 
    }]

看看這個演示從網站：http://www.highcharts.com/demo/bubble-3d

這裏是一個js擺弄你的榜樣： http://jsfiddle.net/Robodude/tqVF8/7/

來源

2013-04-15 15:27:37 Robodude

謝謝，但有另一種方法嗎？並遵循你的例子顏色不能設置，顏色必須在數據之外，像這樣：http://jsfiddle.net/tqVF8/6/ – Lorenzo

是的，你是絕對正確的，對不起，這是一個複製粘貼失敗。我會更新答案中的代碼，但恐怕我不知道另一種方法。祝你好運:) – Robodude

我以任何方式使用你的例子：P謝謝。我只是添加一個禁用的圖例：http://jsfiddle.net/tqVF8/8/ – Lorenzo

在你的情況，你可以添加屬性「填充顏色」

data: [{ 
      x: 23, 
      y: 22, 
      z: 200, 
      name:"point1", 
      color: 'red', 
      fillColor : 'red' 
     }, { 
      x: 43, 
      y: 12, 
      z: 100, 
      name:"point2", 
      color:'yellow', 
      fillColor : 'yellow' 
     }]

例如：http://jsfiddle.net/tqVF8/17/

來源

2013-08-13 15:13:58 sergioneli

Highcharts：在一個系列中更改氣泡的顏色

回答

相關問題