array(14) {
  [0]=>
  int(18)
  [1]=>
  int(180)
  [2]=>
  string(22) "Corones metropolitanes"
  [3]=>
  int(5)
  [4]=>
  string(9) "Total RMB"
  [5]=>
  int(5)
  [6]=>
  NULL
  [7]=>
  int(1)
  [8]=>
  string(30) "Al mateix barri de residència"
  [9]=>
  string(4) "38.5"
  [10]=>
  string(2) "39"
  [11]=>
  string(4) "30.6"
  [12]=>
  string(4) "53.1"
  [13]=>
  string(4) "39.7"
}
string(4) "<br>"
array(14) {
  [0]=>
  int(18)
  [1]=>
  int(180)
  [2]=>
  string(22) "Corones metropolitanes"
  [3]=>
  int(5)
  [4]=>
  string(9) "Total RMB"
  [5]=>
  int(5)
  [6]=>
  NULL
  [7]=>
  int(2)
  [8]=>
  string(51) "A un altre barri del mateix municipi de residència"
  [9]=>
  string(2) "23"
  [10]=>
  string(4) "26.5"
  [11]=>
  string(4) "27.4"
  [12]=>
  string(4) "23.5"
  [13]=>
  string(2) "36"
}
string(4) "<br>"
array(14) {
  [0]=>
  int(18)
  [1]=>
  int(180)
  [2]=>
  string(22) "Corones metropolitanes"
  [3]=>
  int(5)
  [4]=>
  string(9) "Total RMB"
  [5]=>
  int(5)
  [6]=>
  NULL
  [7]=>
  int(3)
  [8]=>
  string(29) "A un altre municipi de la RMB"
  [9]=>
  string(4) "30.4"
  [10]=>
  string(4) "26.6"
  [11]=>
  string(4) "23.2"
  [12]=>
  string(4) "18.8"
  [13]=>
  string(4) "20.1"
}
string(4) "<br>"
array(14) {
  [0]=>
  int(18)
  [1]=>
  int(180)
  [2]=>
  string(22) "Corones metropolitanes"
  [3]=>
  int(5)
  [4]=>
  string(9) "Total RMB"
  [5]=>
  int(5)
  [6]=>
  NULL
  [7]=>
  int(4)
  [8]=>
  string(14) "Fora de la RMB"
  [9]=>
  string(3) "8.1"
  [10]=>
  string(3) "7.9"
  [11]=>
  string(4) "18.7"
  [12]=>
  string(3) "4.7"
  [13]=>
  string(3) "4.2"
}
string(4) "<br>"
array(14) {
  [0]=>
  int(18)
  [1]=>
  int(180)
  [2]=>
  string(22) "Corones metropolitanes"
  [3]=>
  int(5)
  [4]=>
  string(9) "Total RMB"
  [5]=>
  int(5)
  [6]=>
  NULL
  [7]=>
  int(5)
  [8]=>
  string(5) "Total"
  [9]=>
  string(3) "100"
  [10]=>
  string(3) "100"
  [11]=>
  string(3) "100"
  [12]=>
  string(3) "100"
  [13]=>
  string(3) "100"
}
string(4) "<br>"
string(6) "attr: "
object(AttributeAmbits)#13 (3) {
  ["name":protected]=>
  string(5) "Ambit"
  ["list_vars":protected]=>
  array(7) {
    [0]=>
    object(VariableAttribute)#11 (2) {
      ["name":"VariableAttribute":private]=>
      string(9) "order_amb"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [1]=>
    object(VariableAttribute)#16 (2) {
      ["name":"VariableAttribute":private]=>
      string(2) "id"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [2]=>
    object(VariableAttribute)#15 (2) {
      ["name":"VariableAttribute":private]=>
      string(10) "name_ambit"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [3]=>
    object(VariableAttribute)#17 (2) {
      ["name":"VariableAttribute":private]=>
      string(11) "order_ambit"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [4]=>
    object(VariableAttribute)#18 (2) {
      ["name":"VariableAttribute":private]=>
      string(14) "name_nom_ambit"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [5]=>
    object(VariableAttribute)#19 (2) {
      ["name":"VariableAttribute":private]=>
      string(12) "id_nom_ambit"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [6]=>
    object(VariableAttribute)#20 (2) {
      ["name":"VariableAttribute":private]=>
      string(7) "acronym"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
  }
  ["iterator":protected]=>
  NULL
}
string(4) "<br>"
string(5) "var: "
object(VariableAttribute)#11 (2) {
  ["name":"VariableAttribute":private]=>
  string(9) "order_amb"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#11 (2) {
  ["name":"VariableAttribute":private]=>
  string(9) "order_amb"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#16 (2) {
  ["name":"VariableAttribute":private]=>
  string(2) "id"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#16 (2) {
  ["name":"VariableAttribute":private]=>
  string(2) "id"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#15 (2) {
  ["name":"VariableAttribute":private]=>
  string(10) "name_ambit"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#15 (2) {
  ["name":"VariableAttribute":private]=>
  string(10) "name_ambit"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#17 (2) {
  ["name":"VariableAttribute":private]=>
  string(11) "order_ambit"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#17 (2) {
  ["name":"VariableAttribute":private]=>
  string(11) "order_ambit"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#18 (2) {
  ["name":"VariableAttribute":private]=>
  string(14) "name_nom_ambit"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#18 (2) {
  ["name":"VariableAttribute":private]=>
  string(14) "name_nom_ambit"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#19 (2) {
  ["name":"VariableAttribute":private]=>
  string(12) "id_nom_ambit"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#19 (2) {
  ["name":"VariableAttribute":private]=>
  string(12) "id_nom_ambit"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#20 (2) {
  ["name":"VariableAttribute":private]=>
  string(7) "acronym"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#20 (2) {
  ["name":"VariableAttribute":private]=>
  string(7) "acronym"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(6) "attr: "
object(AttributeVar)#27 (3) {
  ["name":protected]=>
  string(37) "Localització de la persona de suport"
  ["list_vars":protected]=>
  array(2) {
    [0]=>
    object(VariableAttribute)#25 (2) {
      ["name":"VariableAttribute":private]=>
      string(11) "id_var_var2"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [1]=>
    object(VariableAttribute)#29 (2) {
      ["name":"VariableAttribute":private]=>
      string(8) "var_var2"
      ["show":"VariableAttribute":private]=>
      bool(true)
    }
  }
  ["iterator":protected]=>
  NULL
}
string(4) "<br>"
string(5) "var: "
object(VariableAttribute)#25 (2) {
  ["name":"VariableAttribute":private]=>
  string(11) "id_var_var2"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#25 (2) {
  ["name":"VariableAttribute":private]=>
  string(11) "id_var_var2"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#29 (2) {
  ["name":"VariableAttribute":private]=>
  string(8) "var_var2"
  ["show":"VariableAttribute":private]=>
  bool(true)
}
string(4) "<br>"
object(VariableAttribute)#29 (2) {
  ["name":"VariableAttribute":private]=>
  string(8) "var_var2"
  ["show":"VariableAttribute":private]=>
  bool(true)
}
int(8)
int(1)
array(14) {
  [0]=>
  int(18)
  [1]=>
  int(180)
  [2]=>
  string(22) "Corones metropolitanes"
  [3]=>
  int(5)
  [4]=>
  string(9) "Total RMB"
  [5]=>
  int(5)
  [6]=>
  NULL
  [7]=>
  int(1)
  [8]=>
  string(30) "Al mateix barri de residència"
  [9]=>
  string(4) "38.5"
  [10]=>
  string(2) "39"
  [11]=>
  string(4) "30.6"
  [12]=>
  string(4) "53.1"
  [13]=>
  string(4) "39.7"
}
string(4) "<br>"
array(14) {
  [0]=>
  int(18)
  [1]=>
  int(180)
  [2]=>
  string(22) "Corones metropolitanes"
  [3]=>
  int(5)
  [4]=>
  string(9) "Total RMB"
  [5]=>
  int(5)
  [6]=>
  NULL
  [7]=>
  int(2)
  [8]=>
  string(51) "A un altre barri del mateix municipi de residència"
  [9]=>
  string(2) "23"
  [10]=>
  string(4) "26.5"
  [11]=>
  string(4) "27.4"
  [12]=>
  string(4) "23.5"
  [13]=>
  string(2) "36"
}
string(4) "<br>"
array(14) {
  [0]=>
  int(18)
  [1]=>
  int(180)
  [2]=>
  string(22) "Corones metropolitanes"
  [3]=>
  int(5)
  [4]=>
  string(9) "Total RMB"
  [5]=>
  int(5)
  [6]=>
  NULL
  [7]=>
  int(3)
  [8]=>
  string(29) "A un altre municipi de la RMB"
  [9]=>
  string(4) "30.4"
  [10]=>
  string(4) "26.6"
  [11]=>
  string(4) "23.2"
  [12]=>
  string(4) "18.8"
  [13]=>
  string(4) "20.1"
}
string(4) "<br>"
array(14) {
  [0]=>
  int(18)
  [1]=>
  int(180)
  [2]=>
  string(22) "Corones metropolitanes"
  [3]=>
  int(5)
  [4]=>
  string(9) "Total RMB"
  [5]=>
  int(5)
  [6]=>
  NULL
  [7]=>
  int(4)
  [8]=>
  string(14) "Fora de la RMB"
  [9]=>
  string(3) "8.1"
  [10]=>
  string(3) "7.9"
  [11]=>
  string(4) "18.7"
  [12]=>
  string(3) "4.7"
  [13]=>
  string(3) "4.2"
}
string(4) "<br>"
array(14) {
  [0]=>
  int(18)
  [1]=>
  int(180)
  [2]=>
  string(22) "Corones metropolitanes"
  [3]=>
  int(5)
  [4]=>
  string(9) "Total RMB"
  [5]=>
  int(5)
  [6]=>
  NULL
  [7]=>
  int(5)
  [8]=>
  string(5) "Total"
  [9]=>
  string(3) "100"
  [10]=>
  string(3) "100"
  [11]=>
  string(3) "100"
  [12]=>
  string(3) "100"
  [13]=>
  string(3) "100"
}
string(4) "<br>"
string(6) "attr: "
object(AttributeAmbits)#13 (3) {
  ["name":protected]=>
  string(5) "Ambit"
  ["list_vars":protected]=>
  array(7) {
    [0]=>
    object(VariableAttribute)#11 (2) {
      ["name":"VariableAttribute":private]=>
      string(9) "order_amb"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [1]=>
    object(VariableAttribute)#16 (2) {
      ["name":"VariableAttribute":private]=>
      string(2) "id"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [2]=>
    object(VariableAttribute)#15 (2) {
      ["name":"VariableAttribute":private]=>
      string(10) "name_ambit"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [3]=>
    object(VariableAttribute)#17 (2) {
      ["name":"VariableAttribute":private]=>
      string(11) "order_ambit"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [4]=>
    object(VariableAttribute)#18 (2) {
      ["name":"VariableAttribute":private]=>
      string(14) "name_nom_ambit"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [5]=>
    object(VariableAttribute)#19 (2) {
      ["name":"VariableAttribute":private]=>
      string(12) "id_nom_ambit"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [6]=>
    object(VariableAttribute)#20 (2) {
      ["name":"VariableAttribute":private]=>
      string(7) "acronym"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
  }
  ["iterator":protected]=>
  int(7)
}
string(4) "<br>"
string(5) "var: "
object(VariableAttribute)#11 (2) {
  ["name":"VariableAttribute":private]=>
  string(9) "order_amb"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#11 (2) {
  ["name":"VariableAttribute":private]=>
  string(9) "order_amb"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#16 (2) {
  ["name":"VariableAttribute":private]=>
  string(2) "id"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#16 (2) {
  ["name":"VariableAttribute":private]=>
  string(2) "id"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#15 (2) {
  ["name":"VariableAttribute":private]=>
  string(10) "name_ambit"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#15 (2) {
  ["name":"VariableAttribute":private]=>
  string(10) "name_ambit"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#17 (2) {
  ["name":"VariableAttribute":private]=>
  string(11) "order_ambit"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#17 (2) {
  ["name":"VariableAttribute":private]=>
  string(11) "order_ambit"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#18 (2) {
  ["name":"VariableAttribute":private]=>
  string(14) "name_nom_ambit"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#18 (2) {
  ["name":"VariableAttribute":private]=>
  string(14) "name_nom_ambit"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#19 (2) {
  ["name":"VariableAttribute":private]=>
  string(12) "id_nom_ambit"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#19 (2) {
  ["name":"VariableAttribute":private]=>
  string(12) "id_nom_ambit"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#20 (2) {
  ["name":"VariableAttribute":private]=>
  string(7) "acronym"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#20 (2) {
  ["name":"VariableAttribute":private]=>
  string(7) "acronym"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(6) "attr: "
object(AttributeVar)#27 (3) {
  ["name":protected]=>
  string(37) "Localització de la persona de suport"
  ["list_vars":protected]=>
  array(2) {
    [0]=>
    object(VariableAttribute)#25 (2) {
      ["name":"VariableAttribute":private]=>
      string(11) "id_var_var2"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [1]=>
    object(VariableAttribute)#29 (2) {
      ["name":"VariableAttribute":private]=>
      string(8) "var_var2"
      ["show":"VariableAttribute":private]=>
      bool(true)
    }
  }
  ["iterator":protected]=>
  int(2)
}
string(4) "<br>"
string(5) "var: "
object(VariableAttribute)#25 (2) {
  ["name":"VariableAttribute":private]=>
  string(11) "id_var_var2"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#25 (2) {
  ["name":"VariableAttribute":private]=>
  string(11) "id_var_var2"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#29 (2) {
  ["name":"VariableAttribute":private]=>
  string(8) "var_var2"
  ["show":"VariableAttribute":private]=>
  bool(true)
}
string(4) "<br>"
object(VariableAttribute)#29 (2) {
  ["name":"VariableAttribute":private]=>
  string(8) "var_var2"
  ["show":"VariableAttribute":private]=>
  bool(true)
}
int(8)
int(1)
<!doctype html>
<html lang="ca">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

<title>Sistema d'Indicadors Metropolitans de BArcelona - SIMBA</title>
    <link rel='stylesheet' id='googlefont-atkinson-hyperlegible-css' href='https://fonts.googleapis.com/css?family=Atkinson+Hyperlegible%3A300italic%2C400italic%2C600italic%2C700italic%2C800italic%2C700%2C300%2C600%2C800%2C400&#038;subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cvietnamese%2Clatin-ext&#038;ver=5.4.15' type='text/css' media='all' />
    <link rel='stylesheet' id='googlefont-open-sans-css' href='https://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C700italic%2C800italic%2C700%2C300%2C600%2C800%2C400&#038;subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cvietnamese%2Clatin-ext&#038;ver=5.4.15' type='text/css' media='all' />

    <link rel="stylesheet" href="css_files/ap_contact.css" type="text/css"><link rel="stylesheet" href="css_files/ap_categories.css" type="text/css"><link rel="stylesheet" href="css_files/ap_form_indicator.css" type="text/css"><link rel="stylesheet" href="css_files/ap_main.css" type="text/css"><link rel="stylesheet" href="css_files/ap_user.css" type="text/css"><link rel="stylesheet" href="css_files/import.css" type="text/css"><link rel="stylesheet" href="css_files/main.css" type="text/css"><link rel="stylesheet" href="css_files/cookiePolicy.css" type="text/css">
<script src="javascript/jquery-ui.min.js"></script><script src="javascript/general.js"></script>
<!--<script src="javascript/exportCSV.js"></script>-->
<script src="javascript/import.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.2/dist/chart.umd.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="javascript/cookies.js"></script>

<script type='text/javascript'>        $(document).ready(function(){
            //mostrar gr�fic
            $('div#ico_grafic_5, img#ico_grafic_5').click(function (){
                if (typeof chart !== 'undefined')
                {
                    chart.destroy();
                }
                $('.chart_div').css("display", "none");
                $('#box_result').css("display", "none");
                $('#chart_div_5').css("display", "grid");
                show_chart_5("none");
                $('#chart_div_5').css("height", "400px");
                $('#chart_div_5').css("width", "100%");
                $('.download_canvas').css("display", "grid");
                $('.change_order_var').css("display", "none");
                $('div#ico_grafic_1').css("display", "grid");
                $('.link_excel').css("display", "none");
            });

            function createImage_5() {
                //get the original data
                var canvas = $('#chart_canvas_5');
                var ctx = canvas[0].getContext("2d");

                //create new canvas with the same dimensions as the original
                var newCanvas = document.createElement('canvas');
                newCanvas.width = canvas[0].width;
                newCanvas.height = canvas[0].height;
                var newCtx = newCanvas.getContext("2d");

                //fill the new canvas with white background
                newCtx.fillStyle = "white";
                newCtx.fillRect(0, 0, newCanvas.width, newCanvas.height);

                //draw the original canvas onto the new canvas
                newCtx.drawImage(canvas[0], 0, 0, newCanvas.width, newCanvas.height);

                //add text to the new canvas
                newCtx.font = '15px "Atkinson Hyperlegible", "Open Sans", "Tahoma"';
                newCtx.fillStyle = "black";
                newCtx.fillText("Font: https://www.indicadors.institutmetropoli.cat", 10, newCanvas.height - 30);
                newCtx.fillText("\u00AE Institut Metr\u00F2poli", 10, newCanvas.height - 10);

                //convert the new canvas to an image
                var imageToData = newCanvas.toDataURL("image/png");
                var link = document.createElement('a');
                link.href = imageToData;
                link.download = "7588_id_1146_type_5.png";
                link.click();
            }

            $('#download_chart').click(function (){
                if ($('#chart_div_5').css("display") == "grid")
                {
                    createImage_5();
                }
            });

            function show_chart_5(stacking_val)
            {
                var canvas = document.getElementById('chart_canvas_5');
                var parent = canvas.parentNode;
                var newCanvas = document.createElement('canvas');
                newCanvas.id = 'chart_canvas_5';
                newCanvas.width = canvas.width;
                newCanvas.height = canvas.height;

                parent.removeChild(canvas);
                parent.appendChild(newCanvas);

                var ctx = newCanvas.getContext('2d');
                var chart = new Chart(ctx, {
                    type: 'bar',
                    data: {
                        labels: ["Al mateix barri de resid\u00e8ncia","A un altre barri del mateix municipi de resid\u00e8ncia","A un altre municipi de la RMB","Fora de la RMB","Total"],
                        datasets: [{"label":"Malaltia f\u00edsica","data":[38.5,23,30.4,8.1,100]},{"label":"Malestar psicol\u00f2gic o emocional","data":[39,26.5,26.6,7.9,100]},{"label":"Manca de recursos econ\u00f2mics","data":[30.6,27.4,23.2,18.7,100]},{"label":"Problemes d'acc\u00e9s o manteniment de l'habitatge principal","data":[53.1,23.5,18.8,4.7,100]},{"label":"Problemes per trobar feina","data":[39.7,36,20.1,4.2,100]}]                    },
                    options: {
                        maintainAspectRatio: false,
                        layout: {
                            padding: 20
                        },
                                                scales: {
                            y: {
                                grid: {
                                    display: true
                                },
                                ticks: {
                                    color: 'black',
                                    font: {
                                        family: '"Atkinson Hyperlegible", "Open Sans", "Tahoma"'
                                    }
                                }
                            },
                            x: {
                                grid: {
                                    display: false
                                },
                                ticks: {
                                    color: 'black',
                                    font: {
                                        family: '"Atkinson Hyperlegible", "Open Sans", "Tahoma"'
                                    }
                                }
                            }
                        },
                                                plugins: {
                            legend: {
                                display: true,
                                position: 'bottom',
                                labels: {
                                    color: 'black',
                                    font: {
                                        family: '"Atkinson Hyperlegible", "Open Sans", "Tahoma"'
                                    }
                                }
                            },
                            title: {
                                display: true,
                                text: 'Xarxa social de suport informal: localització territorial',
                                color: 'black',
                                font: {
                                    family: '"Atkinson Hyperlegible", "Open Sans", "Tahoma"'
                                }
                            }
                        }
                    }
                });
            }
        });
                $(document).ready(function(){
            //mostrar gr�fic
            $('div#ico_grafic_1, img#ico_grafic_1').click(function (){
                if (typeof chart !== 'undefined')
                {
                    chart.destroy();
                }
                $('.chart_div').css("display", "none");
                $('#box_result').css("display", "none");
                $('#chart_div_1').css("display", "grid");
                show_chart_1("none");
                $('#chart_div_1').css("height", "400px");
                $('#chart_div_1').css("width", "100%");
                $('.download_canvas').css("display", "grid");
                $('.change_order_var').css("display", "none");
                $('div#ico_grafic_5').css("display", "grid");
                $('.link_excel').css("display", "none");
            });

            function createImage_1() {
                //get the original data
                var canvas = $('#chart_canvas_1');
                var ctx = canvas[0].getContext("2d");

                //create new canvas with the same dimensions as the original
                var newCanvas = document.createElement('canvas');
                newCanvas.width = canvas[0].width;
                newCanvas.height = canvas[0].height;
                var newCtx = newCanvas.getContext("2d");

                //fill the new canvas with white background
                newCtx.fillStyle = "white";
                newCtx.fillRect(0, 0, newCanvas.width, newCanvas.height);

                //draw the original canvas onto the new canvas
                newCtx.drawImage(canvas[0], 0, 0, newCanvas.width, newCanvas.height);

                //add text to the new canvas
                newCtx.font = '15px "Atkinson Hyperlegible", "Open Sans", "Tahoma"';
                newCtx.fillStyle = "black";
                newCtx.fillText("Font: https://www.indicadors.institutmetropoli.cat", 10, newCanvas.height - 30);
                newCtx.fillText("\u00AE Institut Metr\u00F2poli", 10, newCanvas.height - 10);

                //convert the new canvas to an image
                var imageToData = newCanvas.toDataURL("image/png");
                var link = document.createElement('a');
                link.href = imageToData;
                link.download = "7588_id_1146_type_1.png";
                link.click();
            }

            $('#download_chart').click(function (){
                if ($('#chart_div_1').css("display") == "grid")
                {
                    createImage_1();
                }
            });

            function show_chart_1(stacking_val)
            {
                var canvas = document.getElementById('chart_canvas_1');
                var parent = canvas.parentNode;
                var newCanvas = document.createElement('canvas');
                newCanvas.id = 'chart_canvas_1';
                newCanvas.width = canvas.width;
                newCanvas.height = canvas.height;

                parent.removeChild(canvas);
                parent.appendChild(newCanvas);

                var ctx = newCanvas.getContext('2d');
                var chart = new Chart(ctx, {
                    type: 'bar',
                    data: {
                        labels: ["Malaltia f\u00edsica","Malestar psicol\u00f2gic o emocional","Manca de recursos econ\u00f2mics","Problemes d'acc\u00e9s o manteniment de l'habitatge principal","Problemes per trobar feina"],
                        datasets: [{"label":"Al mateix barri de resid\u00e8ncia","data":[38.5,39,30.6,53.1,39.7]},{"label":"A un altre barri del mateix municipi de resid\u00e8ncia","data":[23,26.5,27.4,23.5,36]},{"label":"A un altre municipi de la RMB","data":[30.4,26.6,23.2,18.8,20.1]},{"label":"Fora de la RMB","data":[8.1,7.9,18.7,4.7,4.2]},{"label":"Total","data":[100,100,100,100,100]}]                    },
                    options: {
                        maintainAspectRatio: false,
                        layout: {
                            padding: 20
                        },
                                                scales: {
                            y: {
                                grid: {
                                    display: true
                                },
                                ticks: {
                                    color: 'black',
                                    font: {
                                        family: '"Atkinson Hyperlegible", "Open Sans", "Tahoma"'
                                    }
                                }
                            },
                            x: {
                                grid: {
                                    display: false
                                },
                                ticks: {
                                    color: 'black',
                                    font: {
                                        family: '"Atkinson Hyperlegible", "Open Sans", "Tahoma"'
                                    }
                                }
                            }
                        },
                                                plugins: {
                            legend: {
                                display: true,
                                position: 'bottom',
                                labels: {
                                    color: 'black',
                                    font: {
                                        family: '"Atkinson Hyperlegible", "Open Sans", "Tahoma"'
                                    }
                                }
                            },
                            title: {
                                display: true,
                                text: 'Xarxa social de suport informal: localització territorial',
                                color: 'black',
                                font: {
                                    family: '"Atkinson Hyperlegible", "Open Sans", "Tahoma"'
                                }
                            }
                        }
                    }
                });
            }
        });
        </script><!-- datatables includes -->
<link rel="stylesheet" href="https://cdn.datatables.net/2.0.0/css/dataTables.dataTables.css" />
<script src="https://cdn.datatables.net/2.0.0/js/dataTables.js"></script>
<script src="https://cdn.rawgit.com/ashl1/datatables-rowsgroup/fbd569b8768155c7a9a62568e66a64115887d7d0/dataTables.rowsGroup.js"></script>
</head>
<body>
<div id="cookie-popup">
    <div id="cookie-popup-text">
        <p>Aquesta web utilitza cookies no exceptuades, cookies pròpies i de tercers a fi d'identificar les preferències i hàbits de navegació dels usuaris i per a oferir una millor experiència.</p>
    </div>
    <div id="cookie-popup-buttons">
        <button id="accept-cookies">Acceptar cookies</button>
        <button id="reject-cookies">Rebutjar cookies</button>
        <button id="config-cookies">Configurar cookies</button>
    </div>
</div>

<div id="modal-config-cookies" class="modalDialog">
    <div id="cookie-modal-content">
        <a href='#close' title='Close' class='close'>X</a>
        <div class="cookie-title">
            <h2>Visió general de privacitat</h2>
        </div>
        <div class="cookie-main">
            <p>Aquesta web utilitza cookies no exceptuades, cookies pròpies i de tercers a fi d'identificar les preferències i hàbits de navegació dels usuaris i per a oferir una millor experiència.</p>
            <p>Pot consultar les polítiques de <a href="#">cookies en aquest enllaç</a>.</p>
            <p>A continuació, pot seleccionar les cookies que s'habilitaran en la web en funció de les seves preferències.</p>
            <div class="cookie-tecniques">
                <h3>Cookies técniques</h3>
                <div class="cookie-config-item">
                    <p>Aquestes cookies són imprescindibles per al correcte funcionament de la web. Controlen l'idioma triat de la navegació i les preferències sobre les cookies de la web dels indicadors de l'Institut Metròpoli.</p>
                    <div class="switch-button">
                        <div id="fondo-gris">
                            <div id="circulo"></div>
                        </div>
                    </div>
                </div>
                <h3>Cookies analítiques</h3>
                <div class="cookie-config-item">
                    <p>Cookies que controlen les estadístiques d'accès a la web dels indicadors de l'Institut Metròpoli.</p>
                    <div class="switch-button">
                        <input type="checkbox" name="cookies-analitiques" id="switch-label" class="switch-button__checkbox">
                        <label for="switch-label" class="switch-button__label"></label>
                    </div>
                </div>
            </div>
        </div>
        <div class="cookie-footer">
            <button id="activate-cookies">Activar-les totes</button>
            <button id="save-changes-cookie">Guardar els canvis</button>
        </div>
    </div>
</div><script>
            $('#cookiesPopup').css('display', 'flex');
            </script><div class="loader"></div>
<div class="container">
		<header class="header">
		<div class="phone-header">
			<div class="icon_IERMB"> 
				<a target="_blank" href='https://www.institutmetropoli.cat'><img src="/images/im_logo.png" height="60"></a>
			</div>
			<div class="simba-title">
				<div class="just-simba">Sistema d'Indicadors Metropolitans de Barcelona</div>
			</div>
		</div>
	</header>
	<div class="bar_buttons_main_menu"> 
<div class="buttons_area">
<form name="main_menu" method="GET">
<a href='?ap=0'>Inici</a><a href='?ap=1'>Llista indicadors</a><a href='?ap=2'>Contacte</a></form></div><div class='menu_user'><a class='login-text-menu' href='index.php?ap=3'>Iniciar sessió</a><a class='login-with-phone' href='index.php?ap=3'><img src='/images/user-pen-svgrepo-com.svg' width='25px' height='25px'></a></div></div>
<div class="introduction-container">
	<div class="image-bcn">
		<img src="/images/bcn-1.jpeg" height="200">
		<h2>SIMBA</h2>
	</div>
	<div class="introduction-text">
		<p>Descubre la vitalidad del Área Metropolitana de Barcelona a través de nuestra plataforma de indicadores. Desde la economía hasta la calidad de vida, te ofrecemos una visión completa para entender y apreciar esta dinámica región. ¡Explora y conéctate con tu entorno de manera informada!</p>
		<h2>Sistema d'Indicadors </br> Metropolitans de Barcelona</h2>
	</div>
</div>	<div class="main_body">
		<div id='general-structure'><form name='indicator' id='indicator' method='POST' action='index.php?ap=0&id_ind=1146&id_cat=249'><div id='form-header'><div class='category-title'>Xarxa social de suport informal: localització territorial</div><div class='description-and-metodology' onclick='toggleDescription()'><div class='arrow-icon'>➤</div>Descripció i metodologia<div class='hidden-description-and-metodology'><div class='description'>Descripció: Localització dels familiars o amics/gues a qui va acudir en primera instància la població de 16 anys i més que va patir alguna dificultat els darrers 12 mesos a l'enquesta.</br></br></div></div></div></div><div class='form_ind_body' id='form_select'><div class='ambit2'><div class='title_grp' id='title-0'>Àmbits territorials </div></div><div class='variables2'><div class='title_grp' id='title-1'>Tipus de dificultat</div></div><div class='variables2'><div class='title_grp' id='title-2'>Localització de la persona de suport</div></div><div class='options2'><div class='title_grp' id='title-3'>Opcions </div></div><div class='unroll_all_parameters'><img src='./images/arrows/double-arrow-down-svgrepo-com.png' id='double_arrow_unroll' title='Desplegar totes les opcions'></div><div class='form_ind_bottons'><div class='group_buttons'><div class='input'><div class='col2'><input type='submit'  name='submit' id='submit' value='Visualitza' onclick="checkForm(true);return false;"></div></div></a></div><div id='openModal' class='modalDialog'><div><a href='#close' title='Close' class='close'>X</a><h2 id='h2-modal'></h2><p id='p-modal'></pid></div></div></div></div><div id='hidden-parameters'><div class='hidden-div' id='parameters-0'><div class='hidden-structure'><div class='hidden_title_select'>Àmbits territorials</div><div class='inner-ambit-structure'><div class='sel_ambit'><div class='input'><div class='col1'>Selecciona l'unitat territorial:</div><div class='col2'><select name='ambit_sel' id='ambit_sel_id' disabled><option value='180'>Corones metropolitanes</option></select></div></div></div><div class='structure_ambits'><div class='sel_nom_ambits'><div class='input ambit_180' id='nom_ambits_select' style='display:block'><div class='col2'><select name='nom_ambit_180[]' id='nom_ambit_180' class='input_sel_nom_ambits' multiple="multiple"></select></div></div></div><div class='bottons_order'><div class='input'><div class='col2'><input type='button'  name='btn_ambit_add' id='btn_ambit_add' value='>' class='btn_change_order' style='' title="Afegeix els elements seleccionats a la llista"></div></div><div class='input'><div class='col2'><input type='button'  name='btn_ambit_remove' id='btn_ambit_remove' value='<' class='btn_change_order' style='' title="Treu els elements seleccionats de la llista"></div></div><div class='input'><div class='col2'><input type='button'  name='btn_ambit_add_all' id='btn_ambit_add_all' value='>>' class='btn_change_order' style='' title="Afegeix tots els elements a la llista"></div></div><div class='input'><div class='col2'><input type='button'  name='btn_ambit_remove_all' id='btn_ambit_remove_all' value='<<' class='btn_change_order' style='' title="Treu tots els elements de la llista"></div></div></div><div class='ambits_selected'><div class='input'><div class='col1'>Àmbits seleccionats</div><div class='col2'><select name='sel_ambits[]' id='sel_ambit' multiple="multiple"><option value='am_180_5' selected>Corones metropolitanes-Total RMB</option></select></div></div></div><div class='ambits_options'><div class='input show_codes_hidden'><div class='col1'>Mostrar unitats territorials: </div><div class='col2'><input type='checkbox'  name='show_acronym_ambit' id='show_acronym_ambit'></div></div><div class='input show_codes_hidden'><div class='col1'>Mostrar codis dels Àmbits: </div><div class='col2'><input type='checkbox'  name='show_codes_ambit' id='show_codes_ambit'></div></div></div></div></div></div></div><div class='input'><div class='col2'><input type='hidden' name='anys' value='-1'></div></div><div class='hidden-div' id='parameters-1'><div id='var_0' class='hidden-structure'><div class='hidden_title_select'>Tipus de dificultat</div><div class='input'><div class='col1'>Tipus de dificultat</div><div class='col2'><select name='var_var1[]' id='var_var1' class='Tipus de dificultat' multiple="multiple"><option value='1' selected>Malaltia física</option><option value='2' selected>Malestar psicològic o emocional</option><option value='3' selected>Manca de recursos econòmics</option><option value='4' selected>Problemes d'accés o manteniment de l'habitatge principal</option><option value='5' selected>Problemes per trobar feina</option></select></div></div></div></div><div class='hidden-div' id='parameters-2'><div id='var_1' class='hidden-structure'><div class='hidden_title_select'>Localització de la persona de suport</div><div class='input'><div class='col1'>Localització de la persona de suport</div><div class='col2'><select name='var_var2[]' id='var_var2' class='Localització de la persona de suport' multiple="multiple"><option value='1' selected>Al mateix barri de residència</option><option value='2' selected>A un altre barri del mateix municipi de residència</option><option value='3' selected>A un altre municipi de la RMB</option><option value='4' selected>Fora de la RMB</option><option value='5' selected>Total</option></select></div></div></div></div><div class='hidden-div' id='parameters-3'><div id='order_elems' class='hidden-structure'><div class='hidden_title_select'>Opcions de visualització</div><table class='order-table'><tr><td class ='swap-all-cell'><button type='button' id='swap' class='btn-swap' title='Intercanviar files per columnes'>                            <svg fill="#000000" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="15px" viewBox="0 0 248.04 248.04" xml:space="preserve" stroke="#000000" stroke-width="0.00248043" transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)"><g id="SVGRepo_bgCarrier" stroke-width="0"/><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/><g id="SVGRepo_iconCarrier"> <g> <polygon points="152.057,28.285 171.473,47.702 47.703,47.702 47.703,171.475 28.285,152.057 0,180.342 67.703,248.043 135.403,180.342 107.121,152.057 87.703,171.475 87.703,87.702 171.475,87.702 152.057,107.121 180.341,135.404 248.042,67.702 180.341,0 "/> </g> </g></svg>
                            </button></td><th colspan='4' class='col-headers'><ul id='order-columns'><li class='col-header'>Any<div class='swap-content'>                                    <button type="button" class="swapToRow swapChange swapButtons" title="Passar a fila">
                                        <svg width="15px" height="15px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title/><g id="Complete"><g id="arrow-down-left"><g><polyline data-name="Right" fill="none" id="Right-2" points="5.3 11.6 5.3 18.7 12.4 18.7" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><line fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="18.7" x2="6.9" y1="5.3" y2="17.1"/></g></g></g></svg>
                                    </button>
                                    <button type="button" class="swapDown swapButtons" title="Desplaçar a sota">
                                        <svg width="15px" height="15px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.70711 9.71069C5.31658 10.1012 5.31658 10.7344 5.70711 11.1249L10.5993 16.0123C11.3805 16.7927 12.6463 16.7924 13.4271 16.0117L18.3174 11.1213C18.708 10.7308 18.708 10.0976 18.3174 9.70708C17.9269 9.31655 17.2937 9.31655 16.9032 9.70708L12.7176 13.8927C12.3271 14.2833 11.6939 14.2832 11.3034 13.8927L7.12132 9.71069C6.7308 9.32016 6.09763 9.32016 5.70711 9.71069Z" fill="#0F0F0F"/></svg>
                                    </button>
                                    <button type="button" class="swapUp swapButtons" title="Desplaçar a dalt">
                                        <svg width="15px" height="15px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.2929 15.2893C18.6834 14.8988 18.6834 14.2656 18.2929 13.8751L13.4007 8.98766C12.6195 8.20726 11.3537 8.20757 10.5729 8.98835L5.68257 13.8787C5.29205 14.2692 5.29205 14.9024 5.68257 15.2929C6.0731 15.6835 6.70626 15.6835 7.09679 15.2929L11.2824 11.1073C11.673 10.7168 12.3061 10.7168 12.6966 11.1073L16.8787 15.2893C17.2692 15.6798 17.9024 15.6798 18.2929 15.2893Z" fill="#0F0F0F"/></svg>
                                    </button>
                                    <button type="button" class="swapToColumn swapChange swapButtons" title="Passar a columna">
                                        <svg width="15px" height="15px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title/><g id="Complete"><g id="arrow-up-right"><g><polyline data-name="Right" fill="none" id="Right-2" points="18.7 12.4 18.7 5.3 11.6 5.3" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><line fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="5.3" x2="17.1" y1="18.7" y2="6.9"/></g></g></g></svg>
                                    </button>
                                </div></li><li class='col-header'>Tipus de dificultat<div class='swap-content'>                                    <button type="button" class="swapToRow swapChange swapButtons" title="Passar a fila">
                                        <svg width="15px" height="15px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title/><g id="Complete"><g id="arrow-down-left"><g><polyline data-name="Right" fill="none" id="Right-2" points="5.3 11.6 5.3 18.7 12.4 18.7" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><line fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="18.7" x2="6.9" y1="5.3" y2="17.1"/></g></g></g></svg>
                                    </button>
                                    <button type="button" class="swapDown swapButtons" title="Desplaçar a sota">
                                        <svg width="15px" height="15px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.70711 9.71069C5.31658 10.1012 5.31658 10.7344 5.70711 11.1249L10.5993 16.0123C11.3805 16.7927 12.6463 16.7924 13.4271 16.0117L18.3174 11.1213C18.708 10.7308 18.708 10.0976 18.3174 9.70708C17.9269 9.31655 17.2937 9.31655 16.9032 9.70708L12.7176 13.8927C12.3271 14.2833 11.6939 14.2832 11.3034 13.8927L7.12132 9.71069C6.7308 9.32016 6.09763 9.32016 5.70711 9.71069Z" fill="#0F0F0F"/></svg>
                                    </button>
                                    <button type="button" class="swapUp swapButtons" title="Desplaçar a dalt">
                                        <svg width="15px" height="15px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.2929 15.2893C18.6834 14.8988 18.6834 14.2656 18.2929 13.8751L13.4007 8.98766C12.6195 8.20726 11.3537 8.20757 10.5729 8.98835L5.68257 13.8787C5.29205 14.2692 5.29205 14.9024 5.68257 15.2929C6.0731 15.6835 6.70626 15.6835 7.09679 15.2929L11.2824 11.1073C11.673 10.7168 12.3061 10.7168 12.6966 11.1073L16.8787 15.2893C17.2692 15.6798 17.9024 15.6798 18.2929 15.2893Z" fill="#0F0F0F"/></svg>
                                    </button>
                                    <button type="button" class="swapToColumn swapChange swapButtons" title="Passar a columna">
                                        <svg width="15px" height="15px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title/><g id="Complete"><g id="arrow-up-right"><g><polyline data-name="Right" fill="none" id="Right-2" points="18.7 12.4 18.7 5.3 11.6 5.3" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><line fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="5.3" x2="17.1" y1="18.7" y2="6.9"/></g></g></g></svg>
                                    </button>
                                </div></li></ul></th></tr><tr><th rowspan='4' class='row-headers'><ul id='order-rows'><li class='row-header'>Àmbits<div class='swap-content'>                                    <button type="button" class="swapToRow swapChange swapButtons" title="Passar a fila">
                                        <svg width="15px" height="15px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title/><g id="Complete"><g id="arrow-down-left"><g><polyline data-name="Right" fill="none" id="Right-2" points="5.3 11.6 5.3 18.7 12.4 18.7" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><line fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="18.7" x2="6.9" y1="5.3" y2="17.1"/></g></g></g></svg>
                                    </button>
                                    <button type="button" class="swapDown swapButtons" title="Desplaçar a sota">
                                        <svg width="15px" height="15px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.70711 9.71069C5.31658 10.1012 5.31658 10.7344 5.70711 11.1249L10.5993 16.0123C11.3805 16.7927 12.6463 16.7924 13.4271 16.0117L18.3174 11.1213C18.708 10.7308 18.708 10.0976 18.3174 9.70708C17.9269 9.31655 17.2937 9.31655 16.9032 9.70708L12.7176 13.8927C12.3271 14.2833 11.6939 14.2832 11.3034 13.8927L7.12132 9.71069C6.7308 9.32016 6.09763 9.32016 5.70711 9.71069Z" fill="#0F0F0F"/></svg>
                                    </button>
                                    <button type="button" class="swapUp swapButtons" title="Desplaçar a dalt">
                                        <svg width="15px" height="15px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.2929 15.2893C18.6834 14.8988 18.6834 14.2656 18.2929 13.8751L13.4007 8.98766C12.6195 8.20726 11.3537 8.20757 10.5729 8.98835L5.68257 13.8787C5.29205 14.2692 5.29205 14.9024 5.68257 15.2929C6.0731 15.6835 6.70626 15.6835 7.09679 15.2929L11.2824 11.1073C11.673 10.7168 12.3061 10.7168 12.6966 11.1073L16.8787 15.2893C17.2692 15.6798 17.9024 15.6798 18.2929 15.2893Z" fill="#0F0F0F"/></svg>
                                    </button>
                                    <button type="button" class="swapToColumn swapChange swapButtons" title="Passar a columna">
                                        <svg width="15px" height="15px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title/><g id="Complete"><g id="arrow-up-right"><g><polyline data-name="Right" fill="none" id="Right-2" points="18.7 12.4 18.7 5.3 11.6 5.3" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><line fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="5.3" x2="17.1" y1="18.7" y2="6.9"/></g></g></g></svg>
                                    </button>
                                </div></li><li class='row-header'>Localització de la persona de suport<div class='swap-content'>                                    <button type="button" class="swapToRow swapChange swapButtons" title="Passar a fila">
                                        <svg width="15px" height="15px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title/><g id="Complete"><g id="arrow-down-left"><g><polyline data-name="Right" fill="none" id="Right-2" points="5.3 11.6 5.3 18.7 12.4 18.7" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><line fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="18.7" x2="6.9" y1="5.3" y2="17.1"/></g></g></g></svg>
                                    </button>
                                    <button type="button" class="swapDown swapButtons" title="Desplaçar a sota">
                                        <svg width="15px" height="15px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.70711 9.71069C5.31658 10.1012 5.31658 10.7344 5.70711 11.1249L10.5993 16.0123C11.3805 16.7927 12.6463 16.7924 13.4271 16.0117L18.3174 11.1213C18.708 10.7308 18.708 10.0976 18.3174 9.70708C17.9269 9.31655 17.2937 9.31655 16.9032 9.70708L12.7176 13.8927C12.3271 14.2833 11.6939 14.2832 11.3034 13.8927L7.12132 9.71069C6.7308 9.32016 6.09763 9.32016 5.70711 9.71069Z" fill="#0F0F0F"/></svg>
                                    </button>
                                    <button type="button" class="swapUp swapButtons" title="Desplaçar a dalt">
                                        <svg width="15px" height="15px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.2929 15.2893C18.6834 14.8988 18.6834 14.2656 18.2929 13.8751L13.4007 8.98766C12.6195 8.20726 11.3537 8.20757 10.5729 8.98835L5.68257 13.8787C5.29205 14.2692 5.29205 14.9024 5.68257 15.2929C6.0731 15.6835 6.70626 15.6835 7.09679 15.2929L11.2824 11.1073C11.673 10.7168 12.3061 10.7168 12.6966 11.1073L16.8787 15.2893C17.2692 15.6798 17.9024 15.6798 18.2929 15.2893Z" fill="#0F0F0F"/></svg>
                                    </button>
                                    <button type="button" class="swapToColumn swapChange swapButtons" title="Passar a columna">
                                        <svg width="15px" height="15px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title/><g id="Complete"><g id="arrow-up-right"><g><polyline data-name="Right" fill="none" id="Right-2" points="18.7 12.4 18.7 5.3 11.6 5.3" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><line fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="5.3" x2="17.1" y1="18.7" y2="6.9"/></g></g></g></svg>
                                    </button>
                                </div></li></ul></th><td class='order-cell-empty'></td><td class='order-cell-empty'></td><td class='order-cell-empty'></td><td class='order-cell-empty'></td></tr><tr><td class='order-cell-empty'></td><td class='order-cell-empty'></td><td class='order-cell-empty'></td><td class='order-cell-empty'></td></tr><tr><td class='order-cell-empty'></td><td class='order-cell-empty'></td><td class='order-cell-empty'></td><td class='order-cell-empty'></td></tr><tr><td class='order-cell-empty'></td><td class='order-cell-empty'></td><td class='order-cell-empty'></td><td class='order-cell-empty'></td></tr></table><div class='group_row'><div class='input'><div class='col1'>Files</div><div class='col2'><select name='order[]' id='order' multiple="multiple"><option value='10' selected>Àmbits</option><option value='34' selected>Localització de la persona de suport</option></select></div></div></div><div class='group_col'><div class='input'><div class='col1'>Columnes</div><div class='col2'><select name='order_cols[]' id='order_cols' multiple="multiple"><option value='20' selected>Any</option><option value='33' selected>Tipus de dificultat</option></select></div></div></div></div></div></div><div id='grafic-icons'><div class='box_buttons_grafic'><div class='item_chart_icon'><img src='./images/icons/ico_data.JPG' id='ico_data' class='ico_grafic'></div><div class='item_chart_icon'><img src='./images/icons/charts/chart-bar.png' id='ico_grafic_1' class='ico_grafic'></div></div></div><div class='body_data'><div class='box_result' id='box_result'><table id='form-indicator-table' class='center'><thead><tr class='row-header'><th class='cell' rowspan='1' colspan='1'>Localització de la persona de suport</th><th class='cell' rowspan='1' colspan='1'>Malaltia física</th><th class='cell' rowspan='1' colspan='1'>Malestar psicològic o emocional</th><th class='cell' rowspan='1' colspan='1'>Manca de recursos econòmics</th><th class='cell' rowspan='1' colspan='1'>Problemes d'accés o manteniment de l'habitatge principal</th><th class='cell' rowspan='1' colspan='1'>Problemes per trobar feina</th></tr></thead></table></br><script> var data_table = [["Al mateix barri de residència","38,5","39,0","30,6","53,1","39,7"],["A un altre barri del mateix municipi de residència","23,0","26,5","27,4","23,5","36,0"],["A un altre municipi de la RMB","30,4","26,6","23,2","18,8","20,1"],["Fora de la RMB","8,1","7,9","18,7","4,7","4,2"],["Total","100,0","100,0","100,0","100,0","100,0"]];var row_group = [];</script><div id='table_data' style='display: none;'>[["Al mateix barri de residència","38,5","39,0","30,6","53,1","39,7"],["A un altre barri del mateix municipi de residència","23,0","26,5","27,4","23,5","36,0"],["A un altre municipi de la RMB","30,4","26,6","23,2","18,8","20,1"],["Fora de la RMB","8,1","7,9","18,7","4,7","4,2"],["Total","100,0","100,0","100,0","100,0","100,0"]]</div></div><div class='chart_div' id='chart_div_5'><canvas id='chart_canvas_5'></canvas><div id='ico_grafic_1' class='change_order_var ico_grafic'>Canviar ordre variables</div></div><div class='chart_div' id='chart_div_1'><canvas id='chart_canvas_1'></canvas><div id='ico_grafic_5' class='change_order_var ico_grafic'>Canviar ordre variables</div></div><div class='download_area'><div class='link_excel'><img src='images/export/csv-32px.png' alt='Export to csv' width='32px' height='32px'><div class='excel-text-link'>Descarregar aquesta taula</div></div><div class='download_canvas'><button id='download_chart'>Descarregar gràfic</button></div></div><div class='input'><div class='col2'><input type='hidden' name='ap' value='1'></div></div><div class='input'><div class='col2'><input type='hidden' name='id_ind' value='1146'></div></div><div class='input'><div class='col2'><input type='hidden' name='form_res' value='0'></div></div></form><div id='extra-bottom-info'><div class='meta-info'><div class='bottom-info'>Unitat: Percentatge</div><div class='bottom-info'>Nom Àmbit: Total RMB</div><div class='bottom-info'>Any: 2022</div></div><div class='foot-info'><div class='bottom-info'>Font: IERMB: Enquesta de cohesió urbana.</div><div class='bottom-info'>Darrera actualització: 09-01-2023.</div><div class='bottom-info'>(CC BY 3.0 ES) Institut d'Estudis Regionals i Metropolitans de Barcelona.</div></div></div></div>	</div>
	<footer class="foot">
		<a target="_blank" href="http://www.amb.cat" class="amb_icon"><img src = "/images/AMB_logo_1.png"></a>
		<div class="links_footer">
			<a href="https://www.institutmetropoli.cat/ca/avis-legal/">Avís legal</a> |
			<a href="https://www.institutmetropoli.cat/ca/politica-de-privacitat/">Política de privacitat</a> |
			<a href="http://iermbdb.uab.cat/index.php?ap=politica-cookies">Política de cookies</a>
			</br> <a target="_blank" href="https://creativecommons.org/licenses/by/3.0/es/deed.ca">
                &#169 2025 </a> Institut Metròpoli
	    </div>
    </footer>
</div></body>
</html>