array(10) {
  [0]=>
  int(6)
  [1]=>
  int(102)
  [2]=>
  string(4) "CCAA"
  [3]=>
  int(9)
  [4]=>
  string(9) "Catalunya"
  [5]=>
  int(9)
  [6]=>
  string(3) "CA "
  [7]=>
  int(3)
  [8]=>
  string(11) "Gas natural"
  [12]=>
  string(4) "5967"
}
string(4) "<br>"
array(10) {
  [0]=>
  int(6)
  [1]=>
  int(102)
  [2]=>
  string(4) "CCAA"
  [3]=>
  int(9)
  [4]=>
  string(9) "Catalunya"
  [5]=>
  int(9)
  [6]=>
  string(3) "CA "
  [7]=>
  int(4)
  [8]=>
  string(7) "Nuclear"
  [9]=>
  string(4) "5927"
}
string(4) "<br>"
array(11) {
  [0]=>
  int(6)
  [1]=>
  int(102)
  [2]=>
  string(4) "CCAA"
  [3]=>
  int(9)
  [4]=>
  string(9) "Catalunya"
  [5]=>
  int(9)
  [6]=>
  string(3) "CA "
  [7]=>
  int(5)
  [8]=>
  string(28) "Saldo intercanvis elèctrics"
  [10]=>
  string(3) "833"
  [11]=>
  string(3) "609"
}
string(4) "<br>"
array(10) {
  [0]=>
  int(6)
  [1]=>
  int(102)
  [2]=>
  string(4) "CCAA"
  [3]=>
  int(9)
  [4]=>
  string(9) "Catalunya"
  [5]=>
  int(9)
  [6]=>
  string(3) "CA "
  [7]=>
  int(11)
  [8]=>
  string(18) "Residus renovables"
  [11]=>
  string(3) "137"
}
string(4) "<br>"
array(13) {
  [0]=>
  int(6)
  [1]=>
  int(102)
  [2]=>
  string(4) "CCAA"
  [3]=>
  int(9)
  [4]=>
  string(9) "Catalunya"
  [5]=>
  int(9)
  [6]=>
  string(3) "CA "
  [7]=>
  int(999)
  [8]=>
  string(13) "Energia total"
  [9]=>
  string(4) "5927"
  [10]=>
  string(3) "833"
  [11]=>
  string(3) "746"
  [12]=>
  string(4) "5967"
}
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)#24 (3) {
  ["name":protected]=>
  string(13) "Tipus de font"
  ["list_vars":protected]=>
  array(2) {
    [0]=>
    object(VariableAttribute)#23 (2) {
      ["name":"VariableAttribute":private]=>
      string(17) "id_var_tipus_font"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [1]=>
    object(VariableAttribute)#26 (2) {
      ["name":"VariableAttribute":private]=>
      string(14) "var_tipus_font"
      ["show":"VariableAttribute":private]=>
      bool(true)
    }
  }
  ["iterator":protected]=>
  NULL
}
string(4) "<br>"
string(5) "var: "
object(VariableAttribute)#23 (2) {
  ["name":"VariableAttribute":private]=>
  string(17) "id_var_tipus_font"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#23 (2) {
  ["name":"VariableAttribute":private]=>
  string(17) "id_var_tipus_font"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#26 (2) {
  ["name":"VariableAttribute":private]=>
  string(14) "var_tipus_font"
  ["show":"VariableAttribute":private]=>
  bool(true)
}
string(4) "<br>"
object(VariableAttribute)#26 (2) {
  ["name":"VariableAttribute":private]=>
  string(14) "var_tipus_font"
  ["show":"VariableAttribute":private]=>
  bool(true)
}
int(8)
int(1)
array(10) {
  [0]=>
  int(6)
  [1]=>
  int(102)
  [2]=>
  string(4) "CCAA"
  [3]=>
  int(9)
  [4]=>
  string(9) "Catalunya"
  [5]=>
  int(9)
  [6]=>
  string(3) "CA "
  [7]=>
  int(3)
  [8]=>
  string(11) "Gas natural"
  [12]=>
  string(4) "5967"
}
string(4) "<br>"
array(10) {
  [0]=>
  int(6)
  [1]=>
  int(102)
  [2]=>
  string(4) "CCAA"
  [3]=>
  int(9)
  [4]=>
  string(9) "Catalunya"
  [5]=>
  int(9)
  [6]=>
  string(3) "CA "
  [7]=>
  int(4)
  [8]=>
  string(7) "Nuclear"
  [9]=>
  string(4) "5927"
}
string(4) "<br>"
array(11) {
  [0]=>
  int(6)
  [1]=>
  int(102)
  [2]=>
  string(4) "CCAA"
  [3]=>
  int(9)
  [4]=>
  string(9) "Catalunya"
  [5]=>
  int(9)
  [6]=>
  string(3) "CA "
  [7]=>
  int(5)
  [8]=>
  string(28) "Saldo intercanvis elèctrics"
  [10]=>
  string(3) "833"
  [11]=>
  string(3) "609"
}
string(4) "<br>"
array(10) {
  [0]=>
  int(6)
  [1]=>
  int(102)
  [2]=>
  string(4) "CCAA"
  [3]=>
  int(9)
  [4]=>
  string(9) "Catalunya"
  [5]=>
  int(9)
  [6]=>
  string(3) "CA "
  [7]=>
  int(11)
  [8]=>
  string(18) "Residus renovables"
  [11]=>
  string(3) "137"
}
string(4) "<br>"
array(13) {
  [0]=>
  int(6)
  [1]=>
  int(102)
  [2]=>
  string(4) "CCAA"
  [3]=>
  int(9)
  [4]=>
  string(9) "Catalunya"
  [5]=>
  int(9)
  [6]=>
  string(3) "CA "
  [7]=>
  int(999)
  [8]=>
  string(13) "Energia total"
  [9]=>
  string(4) "5927"
  [10]=>
  string(3) "833"
  [11]=>
  string(3) "746"
  [12]=>
  string(4) "5967"
}
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)#24 (3) {
  ["name":protected]=>
  string(13) "Tipus de font"
  ["list_vars":protected]=>
  array(2) {
    [0]=>
    object(VariableAttribute)#23 (2) {
      ["name":"VariableAttribute":private]=>
      string(17) "id_var_tipus_font"
      ["show":"VariableAttribute":private]=>
      bool(false)
    }
    [1]=>
    object(VariableAttribute)#26 (2) {
      ["name":"VariableAttribute":private]=>
      string(14) "var_tipus_font"
      ["show":"VariableAttribute":private]=>
      bool(true)
    }
  }
  ["iterator":protected]=>
  int(2)
}
string(4) "<br>"
string(5) "var: "
object(VariableAttribute)#23 (2) {
  ["name":"VariableAttribute":private]=>
  string(17) "id_var_tipus_font"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(4) "<br>"
object(VariableAttribute)#23 (2) {
  ["name":"VariableAttribute":private]=>
  string(17) "id_var_tipus_font"
  ["show":"VariableAttribute":private]=>
  bool(false)
}
string(5) "var: "
object(VariableAttribute)#26 (2) {
  ["name":"VariableAttribute":private]=>
  string(14) "var_tipus_font"
  ["show":"VariableAttribute":private]=>
  bool(true)
}
string(4) "<br>"
object(VariableAttribute)#26 (2) {
  ["name":"VariableAttribute":private]=>
  string(14) "var_tipus_font"
  ["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_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", "1200px");
                $('#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 = "306_id_1207_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: [2006,2007,2008,2009],
                        datasets: [{"label":"Gas natural","data":[null]},{"label":"Nuclear","data":[5927]},{"label":"Saldo intercanvis el\u00e8ctrics","data":[null,833]},{"label":"Residus renovables","data":[null]},{"label":"Energia total","data":[5927,833,746,5967]}]                    },
                    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: 'Consum d\'energia primària per tipus de font',
                                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", "1200px");
                $('#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 = "306_id_1207_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: ["Gas natural","Nuclear","Saldo intercanvis el\u00e8ctrics","Residus renovables","Energia total"],
                        datasets: [{"label":2006,"data":[null,5927,null,null,5927]},{"label":2007,"data":[null,null,833,null,833]},{"label":2008,"data":[null,null,609,137,746]},{"label":2009,"data":[5967,null,null,null,5967]}]                    },
                    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: 'Consum d\'energia primària per tipus de font',
                                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=1207&id_cat=256'><div id='form-header'><div class='category-title'>Consum d'energia primària per tipus de font</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ó: Consum d'energia primària per tipus de font </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='grp'><div class='title_grp' id='title-1'>Temporalitat</div></div><div class='variables2'><div class='title_grp' id='title-2'>Tipus de font</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='102'>CCAA</option></select></div></div></div><div class='structure_ambits'><div class='sel_nom_ambits'><div class='input ambit_102' id='nom_ambits_select' style='display:block'><div class='col2'><select name='nom_ambit_102[]' id='nom_ambit_102' 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_102_9' selected>CCAA-Catalunya</option></select></div></div></div><div class='ambits_options'><div class='input '><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 '><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='hidden-div' id='parameters-1'><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='2009' selected>2009</option><option value='2008' selected>2008</option><option value='2007' selected>2007</option><option value='2006' selected>2006</option><option value='2005'>2005</option><option value='2004'>2004</option><option value='2003'>2003</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><option value='1995'>1995</option><option value='1994'>1994</option><option value='1993'>1993</option><option value='1992'>1992</option><option value='1991'>1991</option><option value='1990'>1990</option></select></div></div></div></div></div><div class='hidden-div' id='parameters-2'><div id='var_0' class='hidden-structure'><div class='hidden_title_select'>Tipus de font</div><div class='input'><div class='col1'>Tipus de font</div><div class='col2'><select name='var_tipus_font[]' id='var_tipus_font' class='Tipus de font' multiple="multiple"><option value='-1' selected>Energia total</option><option value='1' selected>Carbó</option><option value='2' selected>Petroli</option><option value='3' selected>Gas natural</option><option value='4' selected>Nuclear</option><option value='5' selected>Saldo intercanvis elèctrics</option><option value='6' selected>Residus industrials no renovables</option><option value='7' selected>Solar</option><option value='8' selected>Eòlica</option><option value='9' selected>Hidràulica</option><option value='10' selected>Biomassa agrària, animal i forestal</option><option value='11' selected>Residus renovables</option><option value='12' selected>Biogàs</option><option value='13' selected>Biocarburants</option><option value='14' selected>Solar tèrmica</option><option value='15' selected>Solar fotovoltàica</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='3' 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='3' 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'>Tipus de font<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></tr><tr><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></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='32' selected>Tipus de font</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></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'>Tipus de font</th><th class='cell' rowspan='1' colspan='1'>2006</th><th class='cell' rowspan='1' colspan='1'>2007</th><th class='cell' rowspan='1' colspan='1'>2008</th><th class='cell' rowspan='1' colspan='1'>2009</th></tr></thead></table></br><script> var data_table = [["Gas natural","N.D.","N.D.","N.D.","5.967,0"],["Nuclear","5.927,0","N.D.","N.D.","N.D."],["Saldo intercanvis elèctrics","N.D.","833,0","609,0","N.D."],["Residus renovables","N.D.","N.D.","137,0","N.D."],["Energia total","5.927,0","833,0","746,0","5.967,0"]];var row_group = [];</script><div id='table_data' style='display: none;'>[["Gas natural","N.D.","N.D.","N.D.","5.967,0"],["Nuclear","5.927,0","N.D.","N.D.","N.D."],["Saldo intercanvis elèctrics","N.D.","833,0","609,0","N.D."],["Residus renovables","N.D.","N.D.","137,0","N.D."],["Energia total","5.927,0","833,0","746,0","5.967,0"]]</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='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='1207'></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: Milers de tep</div><div class='bottom-info'>Nom Àmbit: Catalunya</div></div><div class='foot-info'><div class='bottom-info'>Font: Institut Català d'Energia.</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>