在highcharts中设置分组堆叠列的颜色

我需要设置堆栈柱形图的颜色与上一个堆栈的颜色相关。 考虑一下这个小提琴。 如果Jane-Actual为浅绿色，则Jane-Budget应为深绿色。这应该适用于所有类别，从苹果到香蕉。 同样，如果John-Acutal为浅蓝色，则John-budget应为深蓝色

如何做到这一点？我不想指定每个点的颜色，我可以选择自动颜色，只是bugdet系列应该比实际颜色暗一些

---

谢谢。

您需要以这种方式设置Highcharts的颜色，例如，基于默认颜色：

var colors = Highcharts.getOptions().colors.slice(0), // get default colors
    dark = -0.5;


colors[1] = Highcharts.Color(colors[0]).brighten(dark).get(); // using Highcharts.Color(), get darker golor, using first color as base

colors[3] = Highcharts.Color(colors[2]).brighten(dark).get();

现在只需设置以下颜色：

$('#container').highcharts({

    chart: {
        type: 'column'
    },

    colors: colors,

---

演示：

您可以使用十六进制颜色作为：

                var colors = [];
                colors[0] = '#ff0000';
                colors[1] = '#ff6600';

然后使用：

                Highcharts.chart('your_char_id', {
                    chart: {
                        type: 'column'
                    },
                    colors: colors,

---

太好了，正是我想要的。谢谢

                Highcharts.chart('your_char_id', {
                    chart: {
                        type: 'column'
                    },
                    colors: colors,