Merge pull request #60 from duocang/modulization

margin issues in D3 heatmap
duocang · Oct 21, 2023 · 4f9336d · 4f9336d
2 parents aeec6bd + 8a9db23
commit 4f9336d
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/www/heatmap.js b/www/heatmap.js
@@ -135,7 +135,16 @@ Shiny.addCustomMessageHandler('jsondata', function (pmet) {
     // top margin automatically fit heatmap in overlap mode because heatmap with overlap can have many
     // catagory ledgeds
     if (colorIndex == -1) { // overlap heatmap
-      var topMargin = 20 * clusters.length
+      if (clusters.length >= 4) {
+        var topMargin = 20 * clusters.length
+      } else if (clusters.length == 3) {
+        var topMargin = 25 * clusters.length
+      } else if (clusters.length == 2) {
+        var topMargin = 30 * clusters.length
+      } else {
+        var topMargin = 20;
+      }
+
     } else {                // non-overlap heatmap
       var topMargin = 40;
     }

diff --git a/www/shiny.css b/www/shiny.css
@@ -1,6 +1,12 @@
 
 .tab-content {
-  padding-top: 80px;
+  padding-top: 70px;
+  margin-top: -20px;
+}
+
+#d3Temp {
+  margin-top: -30px;
+  margin-left: -20px
 }
 
 body {