Method create_axis

js/src/Axis.ts:343–360

()

  }

  create_axis() {
    // Creates the initial D3 axis and sets it on this.axis

    const is_vertical = ['left', 'right'].includes(this.model.get('side'));
    const side = this.model.get('side');

    if (is_vertical) {
      this.axis =
        side === 'right'
          ? d3.axisRight(this.axis_scale.scale as d3.AxisScale<d3.AxisDomain>)
          : d3.axisLeft(this.axis_scale.scale as d3.AxisScale<d3.AxisDomain>);
    } else {
      this.axis =
        side === 'top'
          ? d3.axisTop(this.axis_scale.scale as d3.AxisScale<d3.AxisDomain>)
          : d3.axisBottom(this.axis_scale.scale as d3.AxisScale<d3.AxisDomain>);
    }
  }

  append_axis() {
    this.update_scales();