高图堆积的列颜色不断变化

Question

每当我的数据更新以比较新图表时，堆积柱形图上的颜色都会更改。 我想让它们成为静态而非动态。

我尝试使用数据和名称在系列中设置颜色，但这没有用。 我无法摆弄，因为它正在对外部数据源进行ajax调用。 每次选中新复选框时，都会添加另一个图表进行比较。 发生这种情况时，颜色会改变。

$('input[type="checkbox"]').change(function () {
                var selected = [];
                $('#patient input:checked').each(function () {
                    selected.push(this.id);
                });

            $.ajax({
                url: "sampleurl",
                data: {
                    "sample": selected
                },
                success: handleData
            });
        });

var handleData = function (data) {
                //splits the data into two arrays and maps it 
                var uniq = a => [...new Set(a)];
                var flatten = a => [].concat.apply([],a);

            var samplePatient= uniq(flatten(data.results.map(e=>e._id)).map(e=>e.patient));
            var labels = uniq(flatten(data.results.map(e=>e.days)).map(e=>e.action));

            var result = labels.map(label => {
                return {
                    label,
                    data: samplePatient.map(patient => {
                        var hit = data.results.find(e => e._id.patient === patient).days
                            .find(p => p.action === label)
                        return hit ? hit.days : 0
                    })
                }
            });

            $('.container').html("");
            Highcharts.chart('container', {
                chart: {
                    type: 'column',
                    marginRight:35,
                    marginLeft:100,
                    marginBottom:50                        
                },
                 title: {
                    text: 'Sample Title'
                }, 
                xAxis: {
                    categories: patients,
                    title: {
                        text: 'Patient #'
                    }                        
                },
                yAxis: {
                    min: 0,
                    title: {
                        text: 'Days'
                    },
                    stackLabels: {
                        enabled: true,
                        style: {
                            fontWeight: 'bold',
                            color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'},

                            formatter: function() {
                            return  Highcharts.numberFormat(this.total, 2, '.');
                        }
                    }
                },
                tooltip: {
                    split: true,                        
                },
                colors: [
                    '#a33c3c',
                    '#e3a207',
                    '#db874e',
                    '#328692',
                    '#59397a'
                ],
                plotOptions: {
                    column: {
                        stacking: 'normal',
                        dataLabels:{
                            enabled:true},
                        lineColor: '#666666',
                        lineWidth: 1,
                        marker: {
                            lineWidth: 1,
                            lineColor: '#666666'
                        }
                    },
                    series:{
                        groupPadding:.05
                    }
                },
                legend:{
                    layout:'horizontal',
                    align: 'center',
                    x: 0,
                    verticalAlign: 'top',
                    y: 50,
                    padding: 3,
                    itemMarginTop: 5,
                    itemMarginBottom: 5,
                    backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'white',
                    borderColor: '#CCC',
                    borderWidth: 1,
                    shadow: false
                },
                series: [{
                            name: result[0].label,
                            data: result[0].data
                            }, {
                            name: result[1].label,
                            data: result[1].data
                            }, {
                            name: result[2].label,
                            data: result[2].data
                            }, {
                            name: result[3].label,
                            data: result[3].data
                            },{
                            name: result[4].label,
                            data: result[4].data
                        }]
            });

        }
    });

数据控制台日志：

{
    "_id": {
        "patient": "1"
    },
    "days": [
        {
            "action": "sample text",
            "days": 87
        },
        {
            "action": "sample text2",
            "days": 4564
        },
        {
            "action": "sample text3",
            "days": 984
        },
        {
            "action": "sample text4",
            "days": 516
        },
        {
            "action": "sample text5",
            "days": 548
        }
    ]
}

{
    "_id": {
        "patient": "5"
    },
    "days": [
        {
            "action": "sample text",
            "days": 5464
        },
        {
            "action": "sample text2",
            "days": 4894
        },
        {
            "action": "sample text3",
            "days": 468
        },
        {
            "action": "sample text4",
            "days": 887
        },
        {
            "action": "sample text5",
            "days": 96
        }
    ]
}