爲餅圖指定顏色Highchart

Question

我想爲我的餅圖指定某個部分的顏色。

我寫了這樣的代碼，但它似乎不工作。任何人都知道如何解決這個問題？

{ 
       name: data[i].status, 
       color: function() { 
        if (data[i].status === "Working") { 
         return '#60a57c'; 
        } else if (data[i].status === "Stopped \/ Idle") { 
         return '#e7494d'; 
        } else if (data[i].status === "Transport") { 
         return '#fac101'; 
        } else if (data[i].status === "Headland Turning") { 
         return '#66cc13'; 
        } 
       }, 
       y: data[i].val 
      } 

基本上我想要的是如果status是"Working"，然後我們指定的顏色爲"#60a57c"，等我不希望我HighChart自動生成的顏色。

謝謝。

Answer 1

color必須是一個字符串。

所以請嘗試以下操作：

var colors = { 
    'Working': '#60a57c', 
    'Stopped \/ Idle': '#e7494d', 
    'Transport': '#fac101', 
    'Headland Turning': '#66cc13' 
}; 

var serie = { 
    name: data[i].status, 
    color: colors[data[i].status], 
    y: data[i].val 
}; 

希望這有助於你。

Reference

Answer 2

你設置顏色的函數指針。 相反，嘗試在一個單獨的位置定義函數，並簡單地調用它來獲取數據中的顏色值。