Fix id names on urbanization and chart formatting

public/centropais/index.html

@@ -75,6 +75,7 @@
                         <div class="col">
                             <div class="row h-100">
                                 <div id="odChart"></div>
+                                <div id="barChart"></div>
                             </div>
                         </div>
                     </div>
@@ -83,10 +84,12 @@
                         <div class="col-6 border-right">
                             <div class="row h-100">
                                 <div id="chordChart"></div>
+                                <div id="pieChart"></div>
                             </div>
                         </div>
                         <div class="col-6 align-self-center" id="odTableRow">
                             <div class="row h-100 justify-content-center">
+                                <div id="radarChart"></div>
                                 <div class="card text-center" id="odCard">
                                     <div class="card-body">
                                         <p class="card-text">Haz clic en un nodo del mapa para mostrar sus datos</p>

public/js/evolucion_urbana.js

@@ -368,9 +368,12 @@ L.timeDimension.layer.Tile = (layer, options) => {
 $("#startHeader").remove();
 $(".picker").remove();
 $("#initial-backdrop").remove();
-$("#mainContainer")[0].style.setProperty("display", "flex", "important")
+$("#mainContainer")[0].style.setProperty("display", "flex", "important");
 $("#mexmap").show();
 
+$("#odTableRow").removeClass("align-self-center");
+$("#odCard").hide();
+
 setupTimeDimensionControl();
 getMinMax("urbanization_year") // get minmax year.Q values to popoulate timeDimension
     .then(dates => setupMap(dates))