Method render

apps/chart/src/component/boxSeries.ts:263–357

(
    chartState: ChartState<T>,
    computed
  )

  }

  render<T extends BarChartOptions | ColumnChartOptions | ColumnLineChartOptions>(
    chartState: ChartState<T>,
    computed
  ) {
    const { layout, series, axes, stackSeries, legend, theme, scale } = chartState;

    this.isShow = !(stackSeries && stackSeries[this.name]);

    if (!this.isShow) {
      return;
    }

    const categories = (chartState.categories as string[]) ?? [];
    const options = this.getOptions(chartState.options);

    this.setEventDetectType(series, options);

    this.theme = theme.series[this.name];
    this.rect = layout.plot;
    this.activeSeriesMap = getActiveSeriesMap(legend);
    this.selectable = this.getSelectableOption(options);
    this.valueAxis = getValueAxisName(options, this.name, this.isBar ? 'xAxis' : 'yAxis');

    const seriesData = series[this.name].data.map((seriesDatum) => ({
      ...seriesDatum,
      data: getDataInRange(seriesDatum.data, computed.viewRange),
    }));

    if (axes.centerYAxis) {
      this.valueAxis = 'centerYAxis';
    }

    const { tickDistance } = axes[this.labelAxis];
    const diverging = !!(options.series as BoxSeriesOptions)?.diverging;
    const { limit, stepSize } = this.getScaleData(scale);
    const labels = makeLabelsFromLimit(limit, stepSize);
    const { min, max } = getLimitOnAxis(labels);

    this.basePosition = this.getBasePosition(axes[this.valueAxis]);

    let offsetSize: number = this.getOffsetSize();
    const { centerYAxis } = axes;

    if (diverging) {
      const [left, right] = this.getDivergingBasePosition(centerYAxis!);

      this.basePosition = this.getOffsetSize() / 2;
      this.leftBasePosition = left;
      this.rightBasePosition = right;

      offsetSize = this.getOffsetSizeWithDiverging(centerYAxis!);
    }

    const renderOptions: RenderOptions = {
      min,
      max,
      tickDistance,
      diverging,