Fix Issue with Hidden Labels

bar.js

@@ -72,6 +72,7 @@ H5P.Chart.BarChart = (function () {
         if (d.fontColor !== undefined) {
           return '#' + d.fontColor;
         }
+        // Set default color as black
         return '#000000';
       });
 
@@ -82,7 +83,7 @@ H5P.Chart.BarChart = (function () {
       // Always scale to available space
       var style = window.getComputedStyle($wrapper[0]);
       var width = parseFloat(style.width);
-      var h = parseFloat(style.height);
+      var h = parseFloat(style.height)-20;
       var fontSize = parseFloat(style.fontSize);
       var lineHeight = (1.25 * fontSize);
       var tickSize = (fontSize * 0.125);
@@ -120,7 +121,7 @@ H5P.Chart.BarChart = (function () {
           return xScale(i) + xScale.rangeBand() / 2;
         })
         .attr("y", function(d) {
-          return height - yScale(d.value) + lineHeight;
+          return height - yScale(d.value) + lineHeight - 20;
         });
     };
   }

chart.css

@@ -1,6 +1,7 @@
 .h5p-chart svg {
   display: block;
   margin: 0 auto;
+  padding-top: 20px;
 }
 .h5p-chart-chart {
   font-size: 0.75em;

library.json

@@ -3,7 +3,7 @@
   "description": "Create different charts",
   "majorVersion": 1,
   "minorVersion": 0,
-  "patchVersion": 1,
+  "patchVersion": 2,
   "runnable": 1,
   "author": "Joubel AS",
   "license": "MIT",
@@ -34,4 +34,4 @@
       "minorVersion": 0
     }
   ]
-}
+}

semantics.json

@@ -44,15 +44,15 @@
           "type": "text",
           "widget": "colorSelector",
           "label": "Color",
-          "default": "000",
+          "default": "red",
           "optional": true
         },
         {
           "name": "fontColor",
           "type": "text",
           "widget": "colorSelector",
           "label": "Font Color",
-          "default": "fff",
+          "default": "000",
           "optional": true
         }
       ]