установить цвет сгруппированного столбчатого столбца в highcharts

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' 
    }] 

Если Джейн - Actual светло-зеленый, Джейн - Бюджет должен быть темно-зеленым. Это должно быть для всех категорий, Apple через бананы. Аналогично, если Джон - Акутал светло-голубой, Джон - бюджет должен быть темно-синим.

Как это можно сделать? Я не хочу указывать каждый цвет точки, я в порядке с автоматическим цветом, который выбирается, просто, что серия 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/