Javascript 具有向下展开功能的Highcharts堆叠列

我有一个向下展开的堆叠图表，但我将数据设置为“data，data2”，我是否可以更改此设置并执行以下操作：

与此相反：

---

打开控制台，并跟踪错误。如果您将一个接一个地修复它们，您将获得正常工作的代码。例如，缺少

图表

变量，或者缺少

颜色

变量（再次..）

部分错误已修复，其余由您决定：

var data = [[
    {
        name:'Recomendación',
        y:28, 
        color: colors[0],
        drilldown: {
            name:['Recomendación','Area de Oportunidad','Observación'],
            type:'column',
            categories:['Geofísica','Geología','Petrofísica'],
            data:[[
                {name:'Txt 1',y:28, color: colors[0]},
                {name:'Txt 2',y:30, color: colors[0]}
            ]]
        }
    },
    {name:'Recomendación',y:30, color: colors[0]}
],
[
    {name:'Area de Oportunidad',y:3, color: colors[1]},
    {name:'Area de Oportunidad',y:5, color: colors[1]}
],
[
    {name:'Observación',y:1, color: colors[2]},
    {name:'Observación',y:2, color: colors[2]}
]];

data = [{ 
    y: 55.11}
    }, {
        y: 21.63
    }],
data2 = [{
        y: 21.63
        }, { 
    y: 55.11
    }
    }];