Method render

apps/chart/src/component/plot.ts:192–212

(state: ChartState<Options>)

  }

  render(state: ChartState<Options>) {
    const { layout, axes, plot, zoomRange, theme, scale } = state;

    if (!plot) {
      return;
    }

    this.rect = layout.plot;
    this.startIndex = zoomRange?.[0] ?? 0;
    this.theme = theme.plot! as Required<PlotTheme>;

    const categories = (state.categories as string[]) ?? [];
    const { lines, bands, visible } = plot;

    this.models.line = this.renderLines(axes, categories, lines);
    this.models.band = this.renderBands(axes, categories, bands);

    if (visible) {
      this.models.plot = [this.renderPlotBackgroundRect(), ...this.renderPlots(axes, scale)];
    }
  }

  makeLineModel(
    vertical: boolean,