array(5) {
  [0]=>
  int(1)
  [1]=>
  string(50) "Metro (Ferrocarril Metropolità de Barcelona, FMB)"
  [2]=>
  string(5) "411.9"
  [3]=>
  string(5) "217.9"
  [4]=>
  string(5) "278.2"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(2)
  [1]=>
  string(43) "Ferrocarrils de la Generalitat de Catalunya"
  [2]=>
  string(4) "91.1"
  [3]=>
  string(4) "47.5"
  [4]=>
  string(4) "60.9"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(3)
  [1]=>
  string(29) "Rodalies de Catalunya (Renfe)"
  [2]=>
  string(5) "119.3"
  [3]=>
  string(4) "62.1"
  [4]=>
  string(4) "76.5"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(4)
  [1]=>
  string(20) "Tramvia metropolità"
  [2]=>
  string(4) "29.8"
  [3]=>
  string(2) "16"
  [4]=>
  string(4) "20.4"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(5)
  [1]=>
  string(26) "Total transport ferroviari"
  [2]=>
  string(5) "652.1"
  [3]=>
  string(5) "343.5"
  [4]=>
  string(5) "436.1"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(6)
  [1]=>
  string(51) "Autobús de Barcelona (Transports de Barcelona, TB)"
  [2]=>
  string(5) "215.4"
  [3]=>
  string(5) "115.5"
  [4]=>
  string(5) "147.3"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(7)
  [1]=>
  string(12) "Autobús AMB"
  [2]=>
  string(5) "102.8"
  [3]=>
  string(4) "55.8"
  [4]=>
  string(4) "69.7"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(8)
  [1]=>
  string(35) "Autobús (Generalitat de Catalunya)"
  [2]=>
  string(4) "41.4"
  [3]=>
  string(4) "23.6"
  [4]=>
  string(2) "31"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(9)
  [1]=>
  string(23) "Altres autobusos urbans"
  [2]=>
  string(4) "44.7"
  [3]=>
  string(4) "26.7"
  [4]=>
  string(4) "33.5"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(10)
  [1]=>
  string(27) "Total transport en autobús"
  [2]=>
  string(5) "404.3"
  [3]=>
  string(5) "221.6"
  [4]=>
  string(5) "281.4"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(11)
  [1]=>
  string(35) "Total transport públic col·lectiu"
  [2]=>
  string(6) "1056.4"
  [3]=>
  string(5) "565.1"
  [4]=>
  string(5) "717.5"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(12)
  [1]=>
  string(9) "Total TMB"
  [2]=>
  string(5) "627.3"
  [3]=>
  string(5) "333.4"
  [4]=>
  string(5) "425.5"
}
string(4) "<br>"
string(6) "attr: "
object(AttributeVar)#17 (3) {
  ["name":protected]=>
  string(6) "Servei"
  ["list_vars":protected]=>
  array(2) {
    [0]=>
    object(VariableAttribute)#14 (2) {
      ["name":"VariableAttribute":private]=>
      string(19) "id_var_trans_public"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [1]=>
    object(VariableAttribute)#18 (2) {
      ["name":"VariableAttribute":private]=>
      string(16) "var_trans_public"
      ["show":"VariableAttribute":private]=>
      bool(true)
    }
  }
  ["iterator":protected]=>
  NULL
}
string(4) "<br>"
string(5) "var: "
object(VariableAttribute)#14 (2) {
  ["name":"VariableAttribute":private]=>
  string(19) "id_var_trans_public"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#14 (2) {
  ["name":"VariableAttribute":private]=>
  string(19) "id_var_trans_public"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#18 (2) {
  ["name":"VariableAttribute":private]=>
  string(16) "var_trans_public"
  ["show":"VariableAttribute":private]=>
  bool(true)
}
string(4) "<br>"
object(VariableAttribute)#18 (2) {
  ["name":"VariableAttribute":private]=>
  string(16) "var_trans_public"
  ["show":"VariableAttribute":private]=>
  bool(true)
}
int(1)
int(1)
array(5) {
  [0]=>
  int(1)
  [1]=>
  string(50) "Metro (Ferrocarril Metropolità de Barcelona, FMB)"
  [2]=>
  string(5) "411.9"
  [3]=>
  string(5) "217.9"
  [4]=>
  string(5) "278.2"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(2)
  [1]=>
  string(43) "Ferrocarrils de la Generalitat de Catalunya"
  [2]=>
  string(4) "91.1"
  [3]=>
  string(4) "47.5"
  [4]=>
  string(4) "60.9"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(3)
  [1]=>
  string(29) "Rodalies de Catalunya (Renfe)"
  [2]=>
  string(5) "119.3"
  [3]=>
  string(4) "62.1"
  [4]=>
  string(4) "76.5"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(4)
  [1]=>
  string(20) "Tramvia metropolità"
  [2]=>
  string(4) "29.8"
  [3]=>
  string(2) "16"
  [4]=>
  string(4) "20.4"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(5)
  [1]=>
  string(26) "Total transport ferroviari"
  [2]=>
  string(5) "652.1"
  [3]=>
  string(5) "343.5"
  [4]=>
  string(5) "436.1"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(6)
  [1]=>
  string(51) "Autobús de Barcelona (Transports de Barcelona, TB)"
  [2]=>
  string(5) "215.4"
  [3]=>
  string(5) "115.5"
  [4]=>
  string(5) "147.3"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(7)
  [1]=>
  string(12) "Autobús AMB"
  [2]=>
  string(5) "102.8"
  [3]=>
  string(4) "55.8"
  [4]=>
  string(4) "69.7"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(8)
  [1]=>
  string(35) "Autobús (Generalitat de Catalunya)"
  [2]=>
  string(4) "41.4"
  [3]=>
  string(4) "23.6"
  [4]=>
  string(2) "31"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(9)
  [1]=>
  string(23) "Altres autobusos urbans"
  [2]=>
  string(4) "44.7"
  [3]=>
  string(4) "26.7"
  [4]=>
  string(4) "33.5"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(10)
  [1]=>
  string(27) "Total transport en autobús"
  [2]=>
  string(5) "404.3"
  [3]=>
  string(5) "221.6"
  [4]=>
  string(5) "281.4"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(11)
  [1]=>
  string(35) "Total transport públic col·lectiu"
  [2]=>
  string(6) "1056.4"
  [3]=>
  string(5) "565.1"
  [4]=>
  string(5) "717.5"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(12)
  [1]=>
  string(9) "Total TMB"
  [2]=>
  string(5) "627.3"
  [3]=>
  string(5) "333.4"
  [4]=>
  string(5) "425.5"
}
string(4) "<br>"
string(6) "attr: "
object(AttributeVar)#17 (3) {
  ["name":protected]=>
  string(6) "Servei"
  ["list_vars":protected]=>
  array(2) {
    [0]=>
    object(VariableAttribute)#14 (2) {
      ["name":"VariableAttribute":private]=>
      string(19) "id_var_trans_public"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [1]=>
    object(VariableAttribute)#18 (2) {
      ["name":"VariableAttribute":private]=>
      string(16) "var_trans_public"
      ["show":"VariableAttribute":private]=>
      bool(true)
    }
  }
  ["iterator":protected]=>
  int(2)
}
string(4) "<br>"
string(5) "var: "
object(VariableAttribute)#14 (2) {
  ["name":"VariableAttribute":private]=>
  string(19) "id_var_trans_public"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#14 (2) {
  ["name":"VariableAttribute":private]=>
  string(19) "id_var_trans_public"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#18 (2) {
  ["name":"VariableAttribute":private]=>
  string(16) "var_trans_public"
  ["show":"VariableAttribute":private]=>
  bool(true)
}
string(4) "<br>"
object(VariableAttribute)#18 (2) {
  ["name":"VariableAttribute":private]=>
  string(16) "var_trans_public"
  ["show":"VariableAttribute":private]=>
  bool(true)
}
int(1)
int(1)
array(5) {
  [0]=>
  int(1)
  [1]=>
  string(50) "Metro (Ferrocarril Metropolità de Barcelona, FMB)"
  [2]=>
  string(5) "411.9"
  [3]=>
  string(5) "217.9"
  [4]=>
  string(5) "278.2"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(2)
  [1]=>
  string(43) "Ferrocarrils de la Generalitat de Catalunya"
  [2]=>
  string(4) "91.1"
  [3]=>
  string(4) "47.5"
  [4]=>
  string(4) "60.9"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(3)
  [1]=>
  string(29) "Rodalies de Catalunya (Renfe)"
  [2]=>
  string(5) "119.3"
  [3]=>
  string(4) "62.1"
  [4]=>
  string(4) "76.5"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(4)
  [1]=>
  string(20) "Tramvia metropolità"
  [2]=>
  string(4) "29.8"
  [3]=>
  string(2) "16"
  [4]=>
  string(4) "20.4"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(5)
  [1]=>
  string(26) "Total transport ferroviari"
  [2]=>
  string(5) "652.1"
  [3]=>
  string(5) "343.5"
  [4]=>
  string(5) "436.1"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(6)
  [1]=>
  string(51) "Autobús de Barcelona (Transports de Barcelona, TB)"
  [2]=>
  string(5) "215.4"
  [3]=>
  string(5) "115.5"
  [4]=>
  string(5) "147.3"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(7)
  [1]=>
  string(12) "Autobús AMB"
  [2]=>
  string(5) "102.8"
  [3]=>
  string(4) "55.8"
  [4]=>
  string(4) "69.7"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(8)
  [1]=>
  string(35) "Autobús (Generalitat de Catalunya)"
  [2]=>
  string(4) "41.4"
  [3]=>
  string(4) "23.6"
  [4]=>
  string(2) "31"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(9)
  [1]=>
  string(23) "Altres autobusos urbans"
  [2]=>
  string(4) "44.7"
  [3]=>
  string(4) "26.7"
  [4]=>
  string(4) "33.5"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(10)
  [1]=>
  string(27) "Total transport en autobús"
  [2]=>
  string(5) "404.3"
  [3]=>
  string(5) "221.6"
  [4]=>
  string(5) "281.4"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(11)
  [1]=>
  string(35) "Total transport públic col·lectiu"
  [2]=>
  string(6) "1056.4"
  [3]=>
  string(5) "565.1"
  [4]=>
  string(5) "717.5"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(12)
  [1]=>
  string(9) "Total TMB"
  [2]=>
  string(5) "627.3"
  [3]=>
  string(5) "333.4"
  [4]=>
  string(5) "425.5"
}
string(4) "<br>"
string(6) "attr: "
object(AttributeVar)#17 (3) {
  ["name":protected]=>
  string(6) "Servei"
  ["list_vars":protected]=>
  array(2) {
    [0]=>
    object(VariableAttribute)#14 (2) {
      ["name":"VariableAttribute":private]=>
      string(19) "id_var_trans_public"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [1]=>
    object(VariableAttribute)#18 (2) {
      ["name":"VariableAttribute":private]=>
      string(16) "var_trans_public"
      ["show":"VariableAttribute":private]=>
      bool(true)
    }
  }
  ["iterator":protected]=>
  int(2)
}
string(4) "<br>"
string(5) "var: "
object(VariableAttribute)#14 (2) {
  ["name":"VariableAttribute":private]=>
  string(19) "id_var_trans_public"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#14 (2) {
  ["name":"VariableAttribute":private]=>
  string(19) "id_var_trans_public"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#18 (2) {
  ["name":"VariableAttribute":private]=>
  string(16) "var_trans_public"
  ["show":"VariableAttribute":private]=>
  bool(true)
}
string(4) "<br>"
object(VariableAttribute)#18 (2) {
  ["name":"VariableAttribute":private]=>
  string(16) "var_trans_public"
  ["show":"VariableAttribute":private]=>
  bool(true)
}
int(1)
int(1)
array(5) {
  [0]=>
  int(1)
  [1]=>
  string(50) "Metro (Ferrocarril Metropolità de Barcelona, FMB)"
  [2]=>
  string(5) "411.9"
  [3]=>
  string(5) "217.9"
  [4]=>
  string(5) "278.2"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(2)
  [1]=>
  string(43) "Ferrocarrils de la Generalitat de Catalunya"
  [2]=>
  string(4) "91.1"
  [3]=>
  string(4) "47.5"
  [4]=>
  string(4) "60.9"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(3)
  [1]=>
  string(29) "Rodalies de Catalunya (Renfe)"
  [2]=>
  string(5) "119.3"
  [3]=>
  string(4) "62.1"
  [4]=>
  string(4) "76.5"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(4)
  [1]=>
  string(20) "Tramvia metropolità"
  [2]=>
  string(4) "29.8"
  [3]=>
  string(2) "16"
  [4]=>
  string(4) "20.4"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(5)
  [1]=>
  string(26) "Total transport ferroviari"
  [2]=>
  string(5) "652.1"
  [3]=>
  string(5) "343.5"
  [4]=>
  string(5) "436.1"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(6)
  [1]=>
  string(51) "Autobús de Barcelona (Transports de Barcelona, TB)"
  [2]=>
  string(5) "215.4"
  [3]=>
  string(5) "115.5"
  [4]=>
  string(5) "147.3"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(7)
  [1]=>
  string(12) "Autobús AMB"
  [2]=>
  string(5) "102.8"
  [3]=>
  string(4) "55.8"
  [4]=>
  string(4) "69.7"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(8)
  [1]=>
  string(35) "Autobús (Generalitat de Catalunya)"
  [2]=>
  string(4) "41.4"
  [3]=>
  string(4) "23.6"
  [4]=>
  string(2) "31"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(9)
  [1]=>
  string(23) "Altres autobusos urbans"
  [2]=>
  string(4) "44.7"
  [3]=>
  string(4) "26.7"
  [4]=>
  string(4) "33.5"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(10)
  [1]=>
  string(27) "Total transport en autobús"
  [2]=>
  string(5) "404.3"
  [3]=>
  string(5) "221.6"
  [4]=>
  string(5) "281.4"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(11)
  [1]=>
  string(35) "Total transport públic col·lectiu"
  [2]=>
  string(6) "1056.4"
  [3]=>
  string(5) "565.1"
  [4]=>
  string(5) "717.5"
}
string(4) "<br>"
array(5) {
  [0]=>
  int(12)
  [1]=>
  string(9) "Total TMB"
  [2]=>
  string(5) "627.3"
  [3]=>
  string(5) "333.4"
  [4]=>
  string(5) "425.5"
}
string(4) "<br>"
string(6) "attr: "
object(AttributeVar)#17 (3) {
  ["name":protected]=>
  string(6) "Servei"
  ["list_vars":protected]=>
  array(2) {
    [0]=>
    object(VariableAttribute)#14 (2) {
      ["name":"VariableAttribute":private]=>
      string(19) "id_var_trans_public"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [1]=>
    object(VariableAttribute)#18 (2) {
      ["name":"VariableAttribute":private]=>
      string(16) "var_trans_public"
      ["show":"VariableAttribute":private]=>
      bool(true)
    }
  }
  ["iterator":protected]=>
  int(2)
}
string(4) "<br>"
string(5) "var: "
object(VariableAttribute)#14 (2) {
  ["name":"VariableAttribute":private]=>
  string(19) "id_var_trans_public"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#14 (2) {
  ["name":"VariableAttribute":private]=>
  string(19) "id_var_trans_public"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#18 (2) {
  ["name":"VariableAttribute":private]=>
  string(16) "var_trans_public"
  ["show":"VariableAttribute":private]=>
  bool(true)
}
string(4) "<br>"
object(VariableAttribute)#18 (2) {
  ["name":"VariableAttribute":private]=>
  string(16) "var_trans_public"
  ["show":"VariableAttribute":private]=>
  bool(true)
}
int(1)
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_4, img#ico_grafic_4').click(function (){
                if (typeof chart !== 'undefined')
                {
                    chart.destroy();
                }
                $('.chart_div').css("display", "none");
                $('#box_result').css("display", "none");
                $('#chart_div_4').css("display", "grid");
                show_chart_4("none");
                $('#chart_div_4').css("height", "1600px");
                $('#chart_div_4').css("width", "100%");
                $('.download_canvas').css("display", "grid");
                $('.change_order_var').css("display", "none");
                $('div#ico_grafic_0').css("display", "grid");
                $('.link_excel').css("display", "none");
            });

            function createImage_4() {
                //get the original data
                var canvas = $('#chart_canvas_4');
                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 = "3880_id_1323_type_4.png";
                link.click();
            }

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

            function show_chart_4(stacking_val)
            {
                var canvas = document.getElementById('chart_canvas_4');
                var parent = canvas.parentNode;
                var newCanvas = document.createElement('canvas');
                newCanvas.id = 'chart_canvas_4';
                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: [2019,2020,2021],
                        datasets: [{"label":"Metro (Ferrocarril Metropolit\u00e0 de Barcelona, FMB)","data":[411.9,217.9,278.2]},{"label":"Ferrocarrils de la Generalitat de Catalunya","data":[91.1,47.5,60.9]},{"label":"Rodalies de Catalunya (Renfe)","data":[119.3,62.1,76.5]},{"label":"Tramvia metropolit\u00e0","data":[29.8,16,20.4]},{"label":"Total transport ferroviari","data":[652.1,343.5,436.1]},{"label":"Autob\u00fas de Barcelona (Transports de Barcelona, TB)","data":[215.4,115.5,147.3]},{"label":"Autob\u00fas AMB","data":[102.8,55.8,69.7]},{"label":"Autob\u00fas (Generalitat de Catalunya)","data":[41.4,23.6,31]},{"label":"Altres autobusos urbans","data":[44.7,26.7,33.5]},{"label":"Total transport en autob\u00fas","data":[404.3,221.6,281.4]},{"label":"Total transport p\u00fablic col\u00b7lectiu","data":[1056.4,565.1,717.5]},{"label":"Total TMB","data":[627.3,333.4,425.5]}]                    },
                    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"'
                                    }
                                }
                            }
                        },
                                                indexAxis: 'y',
                                                plugins: {
                            legend: {
                                display: true,
                                position: 'bottom',
                                labels: {
                                    color: 'black',
                                    font: {
                                        family: '"Atkinson Hyperlegible", "Open Sans", "Tahoma"'
                                    }
                                }
                            },
                            title: {
                                display: true,
                                text: 'Demanda del transport públic col·lectiu',
                                color: 'black',
                                font: {
                                    family: '"Atkinson Hyperlegible", "Open Sans", "Tahoma"'
                                }
                            }
                        }
                    }
                });
            }
        });
                $(document).ready(function(){
            //mostrar gr�fic
            $('div#ico_grafic_0, img#ico_grafic_0').click(function (){
                if (typeof chart !== 'undefined')
                {
                    chart.destroy();
                }
                $('.chart_div').css("display", "none");
                $('#box_result').css("display", "none");
                $('#chart_div_0').css("display", "grid");
                show_chart_0("none");
                $('#chart_div_0').css("height", "1600px");
                $('#chart_div_0').css("width", "100%");
                $('.download_canvas').css("display", "grid");
                $('.change_order_var').css("display", "none");
                $('div#ico_grafic_4').css("display", "grid");
                $('.link_excel').css("display", "none");
            });

            function createImage_0() {
                //get the original data
                var canvas = $('#chart_canvas_0');
                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 = "3880_id_1323_type_0.png";
                link.click();
            }

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

            function show_chart_0(stacking_val)
            {
                var canvas = document.getElementById('chart_canvas_0');
                var parent = canvas.parentNode;
                var newCanvas = document.createElement('canvas');
                newCanvas.id = 'chart_canvas_0';
                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: ["Metro (Ferrocarril Metropolit\u00e0 de Barcelona, FMB)","Ferrocarrils de la Generalitat de Catalunya","Rodalies de Catalunya (Renfe)","Tramvia metropolit\u00e0","Total transport ferroviari","Autob\u00fas de Barcelona (Transports de Barcelona, TB)","Autob\u00fas AMB","Autob\u00fas (Generalitat de Catalunya)","Altres autobusos urbans","Total transport en autob\u00fas","Total transport p\u00fablic col\u00b7lectiu","Total TMB"],
                        datasets: [{"label":2019,"data":[411.9,91.1,119.3,29.8,652.1,215.4,102.8,41.4,44.7,404.3,1056.4,627.3]},{"label":2020,"data":[217.9,47.5,62.1,16,343.5,115.5,55.8,23.6,26.7,221.6,565.1,333.4]},{"label":2021,"data":[278.2,60.9,76.5,20.4,436.1,147.3,69.7,31,33.5,281.4,717.5,425.5]}]                    },
                    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"'
                                    }
                                }
                            }
                        },
                                                indexAxis: 'y',
                                                plugins: {
                            legend: {
                                display: true,
                                position: 'bottom',
                                labels: {
                                    color: 'black',
                                    font: {
                                        family: '"Atkinson Hyperlegible", "Open Sans", "Tahoma"'
                                    }
                                }
                            },
                            title: {
                                display: true,
                                text: 'Demanda del transport públic col·lectiu',
                                color: 'black',
                                font: {
                                    family: '"Atkinson Hyperlegible", "Open Sans", "Tahoma"'
                                }
                            }
                        }
                    }
                });
            }
        });
                $(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 = "3880_id_1323_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: ["Metro (Ferrocarril Metropolit\u00e0 de Barcelona, FMB)","Ferrocarrils de la Generalitat de Catalunya","Rodalies de Catalunya (Renfe)","Tramvia metropolit\u00e0","Total transport ferroviari","Autob\u00fas de Barcelona (Transports de Barcelona, TB)","Autob\u00fas AMB","Autob\u00fas (Generalitat de Catalunya)","Altres autobusos urbans","Total transport en autob\u00fas","Total transport p\u00fablic col\u00b7lectiu","Total TMB"],
                        datasets: [{"label":2019,"data":[411.9,91.1,119.3,29.8,652.1,215.4,102.8,41.4,44.7,404.3,1056.4,627.3]},{"label":2020,"data":[217.9,47.5,62.1,16,343.5,115.5,55.8,23.6,26.7,221.6,565.1,333.4]},{"label":2021,"data":[278.2,60.9,76.5,20.4,436.1,147.3,69.7,31,33.5,281.4,717.5,425.5]}]                    },
                    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: 'Demanda del transport públic col·lectiu',
                                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", "600px");
                $('#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 = "3880_id_1323_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: [2019,2020,2021],
                        datasets: [{"label":"Metro (Ferrocarril Metropolit\u00e0 de Barcelona, FMB)","data":[411.9,217.9,278.2]},{"label":"Ferrocarrils de la Generalitat de Catalunya","data":[91.1,47.5,60.9]},{"label":"Rodalies de Catalunya (Renfe)","data":[119.3,62.1,76.5]},{"label":"Tramvia metropolit\u00e0","data":[29.8,16,20.4]},{"label":"Total transport ferroviari","data":[652.1,343.5,436.1]},{"label":"Autob\u00fas de Barcelona (Transports de Barcelona, TB)","data":[215.4,115.5,147.3]},{"label":"Autob\u00fas AMB","data":[102.8,55.8,69.7]},{"label":"Autob\u00fas (Generalitat de Catalunya)","data":[41.4,23.6,31]},{"label":"Altres autobusos urbans","data":[44.7,26.7,33.5]},{"label":"Total transport en autob\u00fas","data":[404.3,221.6,281.4]},{"label":"Total transport p\u00fablic col\u00b7lectiu","data":[1056.4,565.1,717.5]},{"label":"Total TMB","data":[627.3,333.4,425.5]}]                    },
                    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: 'Demanda del transport públic col·lectiu',
                                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=1323&id_cat='><div id='form-header'><div class='category-title'>Demanda del transport públic col·lectiu</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ó: Nombre de viatges (validacions) anuals realitzats a la xarxa de transport públic col·lectiu en l'àmbit del Sistema Tarifari Integrat de l'àrea de Barcelona, per operador.</br></br></div></div></div></div><div class='form_ind_body' id='form_select'><div class='grp'><div class='title_grp' id='title-0'>Temporalitat</div></div><div class='variables2'><div class='title_grp' id='title-1'>Servei</div></div><div class='options2'><div class='title_grp' id='title-2'>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(false);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 id='temporality2' class='hidden-structure'><div class='hidden_title_select'>Temporalitat</div><div id='temporality-structure'><div class='input'><div class='col1'>Anys</div><div class='col2'><select name='anys[]' id='anys' multiple="multiple"><option value='-1'>Tots</option><option value='2021' selected>2021</option><option value='2020' selected>2020</option><option value='2019' selected>2019</option><option value='2018'>2018</option><option value='2017'>2017</option><option value='2016'>2016</option><option value='2015'>2015</option><option value='2014'>2014</option><option value='2013'>2013</option><option value='2012'>2012</option><option value='2011'>2011</option><option value='2010'>2010</option><option value='2009'>2009</option><option value='2008'>2008</option><option value='2007'>2007</option><option value='2006'>2006</option><option value='2005'>2005</option><option value='2004'>2004</option><option value='2003'>2003</option><option value='2002'>2002</option><option value='2001'>2001</option><option value='2000'>2000</option><option value='1999'>1999</option><option value='1998'>1998</option><option value='1997'>1997</option><option value='1996'>1996</option></select></div></div></div></div></div><div class='hidden-div' id='parameters-1'><div id='var_0' class='hidden-structure'><div class='hidden_title_select'>Servei</div><div class='input'><div class='col1'>Servei</div><div class='col2'><select name='var_trans_public[]' id='var_trans_public' class='Servei' multiple="multiple"><option value='1' selected>Metro (Ferrocarril Metropolità de Barcelona, FMB)</option><option value='2' selected>Ferrocarrils de la Generalitat de Catalunya</option><option value='3' selected>Rodalies de Catalunya (Renfe)</option><option value='4' selected>Tramvia metropolità</option><option value='5' selected>Total transport ferroviari</option><option value='6' selected>Autobús de Barcelona (Transports de Barcelona, TB)</option><option value='7' selected>Autobús AMB</option><option value='8' selected>Autobús (Generalitat de Catalunya)</option><option value='9' selected>Altres autobusos urbans</option><option value='10' selected>Total transport en autobús</option><option value='11' selected>Total transport públic col·lectiu</option><option value='12' selected>Total TMB</option></select></div></div></div></div><div class='hidden-div' id='parameters-2'><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='2' 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></ul></th></tr><tr><th rowspan='2' class='row-headers'><ul id='order-rows'><li class='row-header'>Servei<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></tr><tr><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='31' selected>Servei</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></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-column.png' id='ico_grafic_0' 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'>Servei</th><th class='cell' rowspan='1' colspan='1'>2019</th><th class='cell' rowspan='1' colspan='1'>2020</th><th class='cell' rowspan='1' colspan='1'>2021</th></tr></thead></table></br><script> var data_table = [["Metro (Ferrocarril Metropolità de Barcelona, FMB)","411,9","217,9","278,2"],["Ferrocarrils de la Generalitat de Catalunya","91,1","47,5","60,9"],["Rodalies de Catalunya (Renfe)","119,3","62,1","76,5"],["Tramvia metropolità","29,8","16,0","20,4"],["Total transport ferroviari","652,1","343,5","436,1"],["Autobús de Barcelona (Transports de Barcelona, TB)","215,4","115,5","147,3"],["Autobús AMB","102,8","55,8","69,7"],["Autobús (Generalitat de Catalunya)","41,4","23,6","31,0"],["Altres autobusos urbans","44,7","26,7","33,5"],["Total transport en autobús","404,3","221,6","281,4"],["Total transport públic col·lectiu","1.056,4","565,1","717,5"],["Total TMB","627,3","333,4","425,5"]];var row_group = [];</script><div id='table_data' style='display: none;'>[["Metro (Ferrocarril Metropolità de Barcelona, FMB)","411,9","217,9","278,2"],["Ferrocarrils de la Generalitat de Catalunya","91,1","47,5","60,9"],["Rodalies de Catalunya (Renfe)","119,3","62,1","76,5"],["Tramvia metropolità","29,8","16,0","20,4"],["Total transport ferroviari","652,1","343,5","436,1"],["Autobús de Barcelona (Transports de Barcelona, TB)","215,4","115,5","147,3"],["Autobús AMB","102,8","55,8","69,7"],["Autobús (Generalitat de Catalunya)","41,4","23,6","31,0"],["Altres autobusos urbans","44,7","26,7","33,5"],["Total transport en autobús","404,3","221,6","281,4"],["Total transport públic col·lectiu","1.056,4","565,1","717,5"],["Total TMB","627,3","333,4","425,5"]]</div></div><div class='chart_div' id='chart_div_4'><canvas id='chart_canvas_4'></canvas><div id='ico_grafic_0' class='change_order_var ico_grafic'>Canviar ordre variables</div></div><div class='chart_div' id='chart_div_0'><canvas id='chart_canvas_0'></canvas><div id='ico_grafic_4' class='change_order_var ico_grafic'>Canviar ordre variables</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='1323'></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: [Milions de viatges]</div></div><div class='foot-info'><div class='bottom-info'>Nota: A partir del 2015 l'àmbit de l'STI s'amplia a les comarques d'Osona, Berguedà i Ripollès.</div><div class='bottom-info'>Font: Autoritat del Transport Metropolità.</div><div class='bottom-info'>Darrera actualització: 23-02-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 style="color:white;background-color:rgb(159 78 252); margin-top:10px;padding:5px 10px">Portal web en fase de proves. En cas de trobar algun malcomportament, pots continuar veient <a target="_blank" style="font-weight:bold;text-decoration:none;color:white
    " href="https://indicadors-antic.institutmetropoli.cat">la versió antiga clicant aquí</a></div>
</div></body>
</html>