load donut chart and modified color series on combined graph

public/centropais/index.html

@@ -51,7 +51,7 @@
 
     <div class="d-flex flex-column" id="mainContainer">
         <!--<header class="page-header py-2">-->
-            <header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar">
+        <header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar">
             <a class="navbar-brand mr-0 mr-md-2" href="." aria-label="Regresar"><i class="fas fa-arrow-left"></i></a>
             <!--<div class="container text-center">-->
             <div class="navbar-nav mx-auto">
@@ -107,7 +107,9 @@
                             </div>
                         </div>
                         <div class="col-6">
-                            <div id="perimeter-graph"></div>
+                            <div class="row h-100">
+                                <div id="perimeter-graph"></div>
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -168,7 +170,7 @@
     <script src="../js/Leaflet.Sync.js"></script>
     <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.js"></script>-->
     <script src="../js/jszip.min.js"></script>
-    
+
     <!-- load animation tweening lib requirement for CanvasFlowMapLayer -->
     <script src="https://unpkg.com/@tweenjs/tween.js@18.5/dist/tween.umd.js"></script>
     <script src="../js/CanvasFlowmapLayer.js"></script>
@@ -184,11 +186,11 @@
             let script1 = document.createElement('script');
             let script2 = document.createElement('script');
             let script3 = document.createElement('script');
-            script1.src="../js/centropais_functions.js";
+            script1.src = "../js/centropais_functions.js";
             body.appendChild(script1);
-            script2.src="../js/centropais_basemap.js";
+            script2.src = "../js/centropais_basemap.js";
             body.appendChild(script2);
-            script3.src="../js/centropais_charts.js";
+            script3.src = "../js/centropais_charts.js";
             body.appendChild(script3);
         });