javascript - 指定饼图 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
            } 

基本上我想要的是如果statusis "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
};

希望这对您有所帮助。

参考

Answer 2

您正在将颜色设置为函数指针。相反，尝试在单独的位置定义函数并简单地调用它来获取数据中的颜色值。