Разный цвет для разных меток данных

Question

У меня есть 3 базы данных, которые поступают из массива.

Для каждого набора данных я должен использовать один и тот же цвет.

Я использовал свойство

colors: ['#0000FF', '#0066FF', '#00CCFF']
Result - It is combining these colors with different dataseries

Для 1-го набора данных мне нужно '# 0000FF'

Для 2-го набора данных мне нужно '# 0066FF'

Для 3-го набора данных мне нужен '# 00CCFF'

Вот мой код ниже

for($i=1;$i<=$getCurrentMonth;$i++){

    $month = date("M", mktime(0, 0, 0, $i, 10));

    if(isset($elementDetails[$i])){

        foreach($elementDetails[$i] as $value1){
            $dataDetails = '';
            for($j=1;$j<$i;$j++){
                $monthname = date("M", mktime(0, 0, 0, $j, 10));
                $dataDetails .= "{name:'".$monthname."',y: 0},";

            }
            foreach($value1 as $key => $value){
                $seriesDetails .= "{ name: '".$key."',data: [".$dataDetails."{name:'".$month."',y: ".$value."}],stack: '".$key."'},";
                //echo $key;
            }

        }

    }

}

Для каждого набора данных мне нужен определенный цвет.

Highcharts.chart('container', {
colors: ['#0000FF', '#0066FF', '#00CCFF'],
xAxis: {
    min: 0,
    max: <?php echo $getCurrentMonth-1;?>,
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
    crosshair: true

},
yAxis: {
    min: 0,
    title: {
        text: '',
    }
},

chart: {
    type: 'column'
},

tooltip: {
    shared: true
},
plotOptions: {
    series: {
        stacking: 'normal',
        pointPadding: 0,
        groupPadding: 0.1,
    }
},



series: $seriesDetails;

});

Answer 1

Вы можете установить цвет для каждой серии с помощью свойства color, как показано ниже:

series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 95.6, 54.4],
        color:'#0000FF'
    },
    {
        data: [194.1, 95.6, 54.4,129.2, 144.0, 176.0,29.9],
        color:'#0066FF'
    }]

Рабочая jsFiddle здесь: http://jsfiddle.net/o2j1yd7z/2/