HeatRing Component v2.1.8

* New heatRing component. * Various Tidy ups.
jamesleesaunders · Dec 29, 2017 · f9f60ce · f9f60ce
1 parent 0baea65
commit f9f60ce
Show file tree

Hide file tree

Showing 34 changed files with 809 additions and 1,233 deletions.
diff --git a/Makefile b/Makefile
@@ -3,7 +3,6 @@
 JS_FILES :=        src/header.js \
                    src/baseFunctions.js \
                    src/chart.js \
-                   src/vega.js \
                    src/colors.js \
                    src/component/barGrouped.js \
                    src/component/barStacked.js \
@@ -15,7 +14,7 @@ JS_FILES :=        src/header.js \
                    src/component/legend.js \
                    src/component/lineChart.js \
                    src/component/heatMap.js \
-                   src/component/heatCircle.js \
+                   src/component/heatRing.js \
                    src/component/punchCard.js \
                    src/component/numberCard.js \
                    src/component/title.js \

diff --git a/build/d3-ez.css b/build/d3-ez.css
@@ -52,7 +52,7 @@
 
 .barGrouped rect.bar, .barStacked rect.bar {
   stroke: #999999;
-  stroke-width: 1px;
+  stroke-width: 0.5px;
 }
 
 .barGrouped rect.bar:hover, .barStacked rect.bar:hover {
@@ -70,7 +70,7 @@
 
 .chartRadialBar path.segment {
   fill: steelblue;
-  stroke-width: 1px;
+  stroke-width: 0.5px;
   stroke: #999999;
 }
 
@@ -105,10 +105,16 @@
 /* === Circular Heat Chart Styles === */
 
 .chartCircularHeat path.segment {
-  stroke: #B6B6B6;
+  stroke: #999999;
   stroke-width: 0.5px;
 }
 
+.chartCircularHeat path.segment:hover {
+  opacity: 0.7;
+  stroke: black;
+  cursor: pointer;
+}
+
 .chartCircularHeat .segmentLabels text {
   font-size: 1.0em;
   font-weight: bold;
@@ -123,12 +129,12 @@
 
 /* === Tabular Heat Chart Styles === */
 
-.chartTabularHeat rect.card {
+.chartTabularHeat rect.cell {
   stroke: #999999;
-  stroke-width: 1px;
+  stroke-width: 0.5px;
 }
 
-.chartTabularHeat rect.card:hover {
+.chartTabularHeat rect.cell:hover {
   opacity: 0.7;
   stroke: black;
   cursor: pointer;
@@ -143,7 +149,7 @@
 
 .chartDonut path.slice {
   stroke: #999999;
-  stroke-width: 1px;
+  stroke-width: 0.5px;
 }
 
 .chartDonut path.slice:hover {
@@ -164,7 +170,7 @@
 
 .chartPunchCard circle.punchSpot {
   stroke: #999999;
-  stroke-width: 1px;
+  stroke-width: 0.5px;
 }
 
 .chartPunchCard circle.punchSpot:hover {