classes reduced in scl_data

reports/static/reports/css/scldata.css

@@ -77,6 +77,8 @@ body
 
 .draggable {
   padding: 0px;
+  top: 120%;
+  left: 2%;
   position: absolute;
   z-index: -1;
   text-align: center;

reports/static/reports/js/draggable.js

@@ -39,8 +39,8 @@ function dragElement(elmnt) {
     }
 }
 
-function showGraph(){
-    if ($('.showChart').is(':visible')){
+function showGraph(type=false){
+    if ($('.showChart').is(':visible') || type==true){
         $("#draggableChart").css('z-index', 10);
         $(".showChart").hide();
         $(".hideChart").show();

reports/static/reports/js/reportImg.js

@@ -162,6 +162,7 @@ function change(newType) {
     }
 
     myChart = new Chart(ctx, temp);
+    showGraph(true)
 };
 
 let  img, imgWidth=0, slider=false, clicked=0;

reports/views.py

@@ -405,13 +405,12 @@ def ProcessChartData(path):
 
         labelNames = [
             "No Data", "Saturated", "Shadows", "Cloud Shadows", "Vegetation",
-            "Not-Vegetated", "Water", "Unclassified", "Cloud Medium Probability",
-            "Cloud High Probability", "Thin Cirrus", "Snow"
+            "Not-Vegetated", "Water", "Unclassified", "Clouds", "Snow"
         ]
 
         colors = [
             "#383838", "#de3d3d", "#696767", "#98775b", "#44ba5d", "#fff98b",
-            "#659acc", "#ababab", "#dddddd", "#d9f9ff", "#99d4d9", "#ff8afa"
+            "#659acc", "#ababab", "#dddddd", "#ff8afa"
         ]
 
         for l in labels: