Class BubbleSeries

apps/chart/src/component/bubbleSeries.ts:33–246

}

export default class BubbleSeries extends Component {
  models: CircleSeriesModels = { series: [] };

  drawModels!: CircleSeriesModels;

  responders!: CircleResponderModel[];

  activatedResponders: CircleResponderModel[] = [];

  theme!: Required<BubbleChartSeriesTheme>;

  rect!: Rect;

  maxRadius = -1;

  maxValue = -1;

  initialize() {
    this.type = 'series';
    this.name = 'bubble';
    this.eventBus.on('selectSeries', this.selectSeries);
    this.eventBus.on('showTooltip', this.showTooltip);
    this.eventBus.on('hideTooltip', this.onMouseoutComponent);
  }

  initUpdate(delta: number) {
    this.drawModels.series.forEach((model, index) => {
      model.radius = (this.models.series[index] as CircleModel).radius * delta;
    });
  }

  render(chartState: ChartState<BaseOptions>) {
    const { layout, series, scale, axes, circleLegend, legend, options, theme } = chartState;
    const { plot } = layout;

    if (!series.bubble) {
      throw new Error(message.noDataError(this.name));
    }

    const { xAxis, yAxis } = axes;
    const bubbleData = series.bubble.data;

    this.theme = theme.series.bubble as Required<BubbleChartSeriesTheme>;
    this.rect = plot;
    this.activeSeriesMap = getActiveSeriesMap(legend);
    this.selectable = this.getSelectableOption(options);

    const xAxisTickSize = this.rect.width / xAxis!.tickCount;
    const yAxisTickSize = this.rect.height / yAxis!.tickCount;

    this.maxRadius = circleLegend.radius
      ? circleLegend.radius
      : Math.min(xAxisTickSize, yAxisTickSize);
    this.maxValue = getMaxRadius(bubbleData);

    const seriesModel = this.renderBubblePointsModel(bubbleData, scale);
    const tooltipModel = this.makeTooltipModel(bubbleData);