Unique id, prevent conflict w/ data usage

app/css/custom.css

@@ -201,7 +201,7 @@ pre.unstyled {
   font-size: 0.9rem!important;
 }
 
-canvas#divChartBandwidthhourly {
+canvas#divDBChartBandwidthhourly {
   height: 350px!important;
 }
 

app/js/dashboardchart.js

@@ -41,7 +41,7 @@
 
   function ShowBandwidthChartHandler(e) {
     // Remove hourly chartjs chart
-    $('#divChartBandwidthhourly').empty();
+    $('#divDBChartBandwidthhourly').empty();
     // Construct ajax uri for getting the proper data
     var timeunit = 'hourly'; 
     var uri = 'ajax/bandwidth/get_bandwidth.php?';
@@ -62,7 +62,7 @@
         return e.date;
       });
       // Init. chart with label series
-      var barchart = CreateChart('divChartBandwidth'+timeunit, labels);
+      var barchart = CreateChart('divDBChartBandwidth'+timeunit, labels);
       var dataRx = jsondata.map(function(e) {
         return e.rx;
       });

templates/dashboard.php

@@ -34,7 +34,7 @@ $ifaceStatus = $wlan0up ? "up" : "down";
                 <h4><?php echo _("Hourly traffic amount"); ?></h4>
                 <div id="divInterface" class="d-none"><?php echo RASPI_WIFI_CLIENT_INTERFACE; ?></div>
                 <div class="col-md-12">
-                  <canvas id="divChartBandwidthhourly"></canvas>
+                  <canvas id="divDBChartBandwidthhourly"></canvas>
                 </div>
               </div><!-- /.card-body -->
             </div><!-- /.card-->