added glass pane on "few" charts for label hover

before, the tooltip only showed when hovering over the bar, but not the label inside the bar.

Author: rueckstiess

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

@@ -60,9 +60,7 @@ module.exports = function(data, g, width, height, options) {
     .attr('width', function(d) {
       return x(d.value);
     })
-    .attr('height', barHeight)
-    .on('mouseover', tip.show)
-    .on('mouseout', tip.hide);
+    .attr('height', barHeight);
 
   bar.append('text')
     .attr('y', barHeight / 2)
@@ -74,4 +72,15 @@ module.exports = function(data, g, width, height, options) {
     })
     .attr('fill', 'white');
 
+  bar.append('rect')
+    .attr('class', 'glass')
+    .attr('y', 0)
+    .attr('x', 0)
+    .attr('width', function(d) {
+      return x(d.value);
+    })
+    .attr('height', barHeight)
+    .on('mouseover', tip.show)
+    .on('mouseout', tip.hide);
+
 };