为饼图高亮图指定颜色

时间:2012-08-08 20:30:56

标签: javascript jquery highcharts

我想为饼图指定某件作品的颜色。

我写了一些这样的代码,但似乎没有用。任何人都知道如何解决这个问题?

{
                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为我自动生成颜色。

谢谢。

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

您正在为功能指针设置颜色。 相反,尝试在单独的位置定义函数,只需调用它来获取数据中的颜色值。