@axdspub/axiom-charts 0.0.10 → 0.0.11

package/library/Libraries/axiom/index.js

@@ -434,7 +434,6 @@ var ChartRoot = /** @class */ (function () {
                     case 1:
                         _a.sent();
                         this.showYAxes(yAxes);
-                        this.showYLabels(yAxes, this.plots);
                         yAxesWidth = this.getYAxesWidth();
                         chartWidth = this.getChartWidth();
                         xRange = this.getXRange(chartWidth);
@@ -492,8 +491,6 @@ var ChartRoot = /** @class */ (function () {
     };
     ChartRoot.prototype.showYAxes = function (yAxes) {
     };
-    ChartRoot.prototype.showYLabels = function (yAxes, plots) {
-    };
     ChartRoot.prototype.showXAxes = function (xAxes) {
     };
     ChartRoot.prototype.draw = function () {
@@ -947,29 +944,39 @@ var AxiomChart = /** @class */ (function (_super) {
                 axisSelection.append('g').call(axisG);
             }
         });
+        this.showYLabels(axes, this.plots);
     };
-    AxiomChart.prototype.showYLabels = function (axes, plots) {
+    AxiomChart.prototype.getAxisLabel = function (axis, dimensionKey) {
         var _a;
-        if (plots.length > 1) {
-            return;
-        }
-        if (plots[0].type !== EPlotTypes.line) {
+        return (_a = axis.plots[0]) === null || _a === void 0 ? void 0 : _a.dimensions[dimensionKey].label;
+    };
+    AxiomChart.prototype.showYLabels = function (axes, plots) {
+        var _this = this;
+        var yLabelsAreSupportedForPlotType = [EPlotTypes.line, EPlotTypes.scatter, EPlotTypes.seasonal, EPlotTypes.area]
+            .find(function (type) { return type === plots[0].type; }) !== undefined;
+        if (plots.length === 0 || !yLabelsAreSupportedForPlotType) {
             return;
         }
         var chartElements = this.getChartElements();
-        var label = (_a = axes[0].plots[0].dimensions.y.label) !== null && _a !== void 0 ? _a : '';
         if (chartElements === undefined) {
-            return undefined;
+            return;
         }
         var svg = chartElements.svg;
         var axisSelection = svg.select('.y-axis').size() > 0 ? svg.select('.y-axis') : svg.append('g').attr('class', 'y-axis axis');
-        axisSelection.append('text')
-            .attr('class', 'y-label')
-            .attr('text-anchor', 'end')
-            .attr('dy', '.75rem')
-            .attr('font-size', '.75rem')
-            .attr('transform', 'rotate(-90)')
-            .text(label);
+        // TODO: Don't hardcode these two vars
+        var axisWidth = 24;
+        var labelMargin = 3;
+        axes.forEach(function (axis) {
+            var _a;
+            axisSelection.append('text')
+                .attr('class', 'y-label')
+                .attr('transform', 'rotate(-90)')
+                .style('text-anchor', 'middle')
+                .attr('x', -1 * Math.floor(_this.getChartHeight() / 2))
+                .attr('y', "".concat(_this.getyAxisOffset(axis).x - axisWidth - labelMargin))
+                .attr('font-size', '.75rem')
+                .text((_a = _this.getAxisLabel(axis, 'y')) !== null && _a !== void 0 ? _a : '');
+        });
     };
     AxiomChart.prototype.getXAxisOffset = function (axis) {
         return __assign({ x: this.settings.margin.left, y: this.settings.height - this.settings.margin.bottom }, axis.offset);