[SIP-5] Refactor and update heatmap (apache#5704)

* Extract slice and formData * Define data shape * update style * organize imports * fix heatmap axis labels * add new line * adjust indent
airbnb · Aug 28, 2018 · fcf2c75 · fcf2c75
1 parent 4ae08c2
commit fcf2c75
Show file tree

Hide file tree

Showing 2 changed files with 198 additions and 76 deletions.
diff --git a/superset/assets/src/visualizations/heatmap.css b/superset/assets/src/visualizations/heatmap.css
@@ -6,20 +6,24 @@
 }
 
 .heatmap .axis text {
-  font: 10px sans-serif;
+  font: 12px sans-serif;
   text-rendering: optimizeLegibility;
+  fill: #555;
+}
+
+.heatmap .background-rect {
+  stroke: #ddd;
+  fill-opacity: 0;
+  pointer-events: all;
 }
 
 .heatmap .axis path,
 .heatmap .axis line {
   fill: none;
-  stroke: #000;
+  stroke: #ddd;
   shape-rendering: crispEdges;
 }
 
-.heatmap svg {
-}
-
 .heatmap canvas, .heatmap img {
   image-rendering: optimizeSpeed;             /* Older versions of FF          */
   image-rendering: -moz-crisp-edges;          /* FF 6.0+                       */
@@ -41,3 +45,8 @@
 .heatmap .legendCells .cell:last-child text {
   opacity: 1;
 }
+
+.dashboard .heatmap .axis text {
+  font-size: 10px;
+  opacity: .75;
+}