#9 barplot: fix text cutoff at far left/right

src/assets/css/barplot.css

@@ -13,6 +13,10 @@
     cursor: pointer;
 }
 
+.ac-bar-legend-element text {
+    font-size: 0.8em;
+}
+
 .ac-bar-axis path {
     stroke: #d6d6d6;
     stroke-width: 1px;

src/charts/impl/Barplot.js

@@ -36,11 +36,11 @@ export default class extends Chart {
   }
 
   render({
-    title,
-    categories,
-    series,
-    barClickCallback,
-  }) {
+           title,
+           categories,
+           series,
+           barClickCallback,
+         }) {
     const groups = series.map(d => d.name);
     const data = [];
     series.forEach((d) => {
@@ -221,6 +221,9 @@ export default class extends Chart {
           .text(d => d);
       })
       .merge(legend)
+      .each((_, i, arr) => {
+        textUtils.sliceFitText(d3.select(arr[i]).select('text').node(), margin.right - 2 * legendElementSize - 4);
+      })
       .attr('transform', (d, i) => `translate(${width + legendElementSize}, ${(legendElementSize + legendElementSize / 2) * i})`)
       .on('click', (group) => {
         const idx = selectedGroups.indexOf(group);