Method relayoutImpl

js/src/Figure.ts:935–1033

()

  }

  relayoutImpl() {
    this.relayoutRequested = false; // reset relayout request
    const figureSize = this.getFigureSize();

    if (
      (this.width == figureSize.width &&
        this.height == figureSize.height &&
        !this.should_relayout) ||
      !this.visible
    ) {
      // Bypass relayout
      return;
    }
    this.should_relayout = false;

    this.width = figureSize.width;
    this.height = figureSize.height;
    this.offsetX = figureSize.x;
    this.offsetY = figureSize.y;

    // we hide it when the plot area is too small
    if (this.plotareaWidth < 1 || this.plotareaHeight < 1) {
      this.el.style.visibility = 'hidden';
      return; // no need to continue setting properties, which can only produce errors in the js console
    } else {
      this.el.style.visibility = '';
    }

    if (this.scale_x !== undefined && this.scale_x !== null) {
      this.scale_x.setRange([0, this.plotareaWidth]);
    }

    if (this.scale_y !== undefined && this.scale_y !== null) {
      this.scale_y.setRange([this.plotareaHeight, 0]);
    }

    // transform figure
    if (this.autoLayout) {
      this.fig.attr('transform', `translate(${figureSize.x}, ${figureSize.y})`);
      this.fig_background.attr(
        'transform',
        `translate(${figureSize.x}, ${figureSize.y})`
      );

      this.webGLCanvas.style.left = `${figureSize.x}px`;
      this.webGLCanvas.style.top = `${figureSize.y}px`;

      applyAttrs(this.title, {
        x: 0.5 * this.width,
        y: 0,
        dy: '0em',
      });

      this.toolbar_div.node().style.top = `${this.offsetY / 2.0}px`;
      this.toolbar_div.node().style.right = `${this.offsetX}px`;
    } else {
      this.fig.attr(
        'transform',