设置高图中分组堆积列的颜色

Question

我需要设置与前一个堆栈相关的堆栈柱形图的颜色。考虑一下这个小提琴。http://jsfiddle.net/0n7g4a1e/

series: [{
        name: 'John',
        data: [5, 3, 4, 7, 2],
        stack: 'Actual'
    }, {
        name: 'John',
        data: [3, 4, 4, 2, 5],
        stack: 'Budget'
    }]

如果 Jane - Actual 为浅绿色，则 Jane - Budget 应为深绿色。这应该适用于所有类别，从苹果到香蕉。同样，如果 John - Acutal 是浅蓝色，则 John - Budget 应该是深蓝色。

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

谢谢。

Answer 1

您需要以这种方式为 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,

演示： http: //jsfiddle.net/0n7g4a1e/2/