openui5-financial-charts/src/openui5/financial/chart/ValueAxis.js

OpenUI5 Financial Charts based on d3.js

/* global d3 */

sap.ui.define(["sap/ui/core/Control", "./library", "./thirdparty/d3"], function(
  Control
) {
  "use strict";

  return Control.extend("openui5.financial.chart.ValueAxis", {
    metadata: {
      library: "openui5.financial.chart",
      properties: {
        domain: "any",
        range: "any"
      }
    },

    init: function() {
      this._scale = d3.scaleLinear();
    },

    setDomain: function(oDomain) {
      this._scale.domain(oDomain);
      this.setProperty("domain", oDomain, true);
    },

    setRange: function(oRange) {
      this._scale.range(oRange);
      this.setProperty("range", oRange, true);
    },

    _draw: function() {
      var oParent = this.getParent();
      d3.select("#" + this.getId())
        .attr(
          "transform",
          `translate(${oParent._fPaddingLeft}, ${oParent._fPaddingTop})`
        )
        .call(d3.axisLeft(this._scale));
    }
  });
});