added fontawesome date icons, fixed 99.9% label

Author: rueckstiess

scout-ui/src/minicharts/d3fns/date.js

@@ -134,6 +134,7 @@ module.exports = function(opts) {
     });
 
   var weekdayContainer = svg.append('g');
+
   many(weekdays, weekdayContainer, width / (upperRatio + 1) - upperMargin, upperBarBottom, {
     bgbars: true,
     labels: {
@@ -144,6 +145,17 @@ module.exports = function(opts) {
     }
   });
 
+  // calendar icon
+  weekdayContainer.append('text')
+    .attr('class', 'date-icon fa-fw')
+    .attr('x', 0)
+    .attr('dx', '-0.6em')
+    .attr('y', 0)
+    .attr('dy', '1em')
+    .attr('text-anchor', 'end')
+    .attr('font-family', 'FontAwesome')
+    .text('\uf133');
+
   var hourContainer = svg.append('g')
     .attr('transform', 'translate(' + (width / (upperRatio + 1) + upperMargin) + ', 0)');
 
@@ -156,5 +168,16 @@ module.exports = function(opts) {
     }
   });
 
+  // clock icon
+  hourContainer.append('text')
+    .attr('class', 'date-icon fa-fw')
+    .attr('x', 0)
+    .attr('dx', '-0.6em')
+    .attr('y', 0)
+    .attr('dy', '1em')
+    .attr('text-anchor', 'end')
+    .attr('font-family', 'FontAwesome')
+    .text('\uf017');
+
 };
 

scout-ui/src/minicharts/d3fns/many.js

@@ -78,7 +78,7 @@ module.exports = function(data, g, width, height, options) {
       .attr('y', height)
       .attr('dy', '0.3em')
       .attr('text-anchor', 'end')
-      .text('99.9%');
+      .text('0%');
 
     legend.append('line')
       .attr('class', 'bg legend')