Generate Multi-Chart with angular-google-charts

I'm having trouble generating a multi-chart bar with angularjs, with my data coming from the backend

json

AL:
BANRISUL: {APROVADO: 0.28}<br />
BONSUCESSO: {APROVADO: 1.07}
PAN: {APROVADO: 1.24}
__proto__: Object
AM:
BANRISUL: {APROVADO: 0.06}
BONSUCESSO: {APROVADO: 0.34}
BRADESCO: {APROVADO: 0.11}
DAYCOVAL: {APROVADO: 5.13}
PAN: {APROVADO: 0.73}
__proto__: Object
AP:
BANRISUL: {APROVADO: 0.73}
BMG: {APROVADO: 0.17}
BONSUCESSO: {APROVADO: 6.94}
BRADESCO: {APROVADO: 0.06}
DAYCOVAL: {APROVADO: 0.45}
ITAU: {APROVADO: 0.11}
PAN: {APROVADO: 2.82}

The banks will be the columns and the value OK will be the lines, the problem is that some UFs have different banks, then it ends up mixing the values

In the image below, note that bradesco appears with a value of 5,13 , its value 0.11

CODEMOUNTINGTHEGRAPH

angular.forEach(response.data,function(value,key){//PEGOOSVALORESDOARRAY$scope.values=Object.values(value);//PEGOASCHAVESDOARRAY$scope.keys=Object.keys(value);//FAÇOUMLAÇONASCHAVESPRAMONTARACOLUNASDOCHARTCOMOSBANCOSangular.forEach($scope.keys,function(value,key){varcols={id:'s',label:value,type:"number"
                }
                // VERIFICO SE O BANCO JA FOI INSERIDO NA COLUNA, PARA NAO REPETIR
                if(!$scope.verificar($scope.chart_aprovado.data.cols, cols)){
                  $scope.chart_aprovado.data.cols.push(cols)
                }

            })

            // INSIRO AS UF
            var rows = {
              c: [{
                  v: key
                },

              ]
            }
            // COLOCO OS VALORES DAS LINHAS EM UM ARRAY
            angular.forEach($scope.values, function(value, key){
                var c = {
                  v:value.APROVADO
                }
                rows.c.push(c);
            })
            // INSIRO O ARRAY DOS VALORES NO CHART
            $scope.chart_aprovado.data.rows.push(rows);
          })