Question

我有3个来自数组的数据系列。

对于每个数据系列，我必须使用相同的颜色。

我使用

的属性

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

对于第一个数据系列，我需要'＃0000FF'

对于第二个数据系列，我需要'＃0066FF'

对于第三个数据系列，我需要'＃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/

不同数据标签的颜色不同

1 个答案: