Correct orphaned tables consuming screen space

Author: steps39

SedimentDataExplorer.html

@@ -207,9 +207,11 @@ <h2>Select Chemicals</h2>
                 <label for="relationorganiccarbon">Organic Carbon</label>
             </div>
             <div>
-                Resuspension -
+                Resuspension by overflow % or particle size (µm) -
+                <label for="overflowpercent">Percentage overflow:</label>
+                <input type="number" id="overflowpercent" placeholder="0 set by pt size">
                 <label for="resuspensionsize">Maximum resuspension size (µm):</label>
-                <input type="number" id="resuspensionsize" placeholder="0 for no resuspension">
+                <input type="number" id="resuspensionsize" placeholder="0 set by overflow %">
             </div>
             <div>
             PAH specific

sdeCalcs4Charts.js

@@ -217,6 +217,7 @@ function propertyChartSort(measChart) {
 function dataForPSDCharting(sheetName) {
     let  datesSampled = Object.keys(selectedSampleMeasurements);
     let ct = sheetName;
+console.log('dataForPSD ',ct,blankSheets);
     let unitTitle = blankSheets[ct]['Unit of measurement'];
     let measChart = {};
     let measChartArea = {};
@@ -231,6 +232,7 @@ function dataForPSDCharting(sheetName) {
     let cumAreas = {};
 //srg250308    datesSampled.sort();
        datesSampled.forEach (ds => {
+//console.log(ds);
         if (!(selectedSampleMeasurements[ds][ct] == undefined || selectedSampleMeasurements[ds][ct] == null)) {
             ptsSizes = selectedSampleMeasurements[ds][ct].sizes;
             ptsSizes = ptsSizes.map(phiSize => Math.pow(2, -phiSize)/1000);

sdeCharts.js

@@ -46,6 +46,7 @@ function updateChart(){
 //console.log('UPDATECHART*******************');
     if (lastInstanceNo > 0) {
         const canvas = [];
+        removeScatterTables();
         for (i = 1; i < lastInstanceNo + 1; i++) {
             canvas[i] = document.getElementById('chart' + i);
             clearCanvasAndChart(canvas[i], i);
@@ -184,7 +185,7 @@ function createResetChart(instanceNo) {
 
 
 function displayCharts(sheetName, instanceNo) {
-//    totalAreasAvailable = true;
+    //    totalAreasAvailable = true;
     if(sheetName === 'Physical Data') {
         retData = dataForPSDCharting(sheetName);
         unitTitle = retData['unitTitle'];
@@ -479,6 +480,22 @@ console.log('PAH data reset');
     return instanceNo
 }
 
+function removeScatterTables() {
+    const chartContainer = document.getElementById('chartContainer');
+    
+    // Remove all tables inside chartContainer
+    const tables = chartContainer.getElementsByTagName('table');
+    while (tables.length > 0) {
+        tables[0].remove();
+    }
+
+    // Optionally, remove the button container if it exists
+    const buttonContainer = document.getElementById('chartButtons');
+    if (buttonContainer) {
+        buttonContainer.remove();
+    }
+}
+
 function displayScatterCharts(sheetName, chartType, subsKey, xAxisLabel, yAxisLabel, containerId, instanceNo) {
 //console.log('Sheet Name ',sheetName, 'chartType ', chartType, 'subsKey', subsKey, 'xAxisLael', xAxisLabel, 'yAxisLabel', yAxisLabel, 'containerId', containerId, 'instanceNo', instanceNo);
     if (subsToDisplay[subsKey] && completeSheet[chartType.sheetKey]) {