Method renderTooltip

apps/chart/src/component/tooltip.ts:97–152

()

  }

  renderTooltip() {
    const model = this.getTooltipInfoModels().reduce<TooltipModel>(
      (acc, item) => {
        const { data, x, y, radius, width, height } = item;

        acc.x = acc.x ? (acc.x + x) / 2 : x;
        acc.y = acc.y ? (acc.y + y) / 2 : y;

        if (isNumber(radius)) {
          acc.target.radius = radius;
        }

        if (width) {
          acc.target.width = width;
        }

        if (height) {
          acc.target.height = height;
        }

        acc.data.push({
          ...data,
          value: Array.isArray(data.value)
            ? (data.value as TooltipTitleValues).map((titleValue) => ({
                ...titleValue,
                formattedValue: this.getFormattedValue(titleValue.value, data),
              }))
            : data.value,
          formattedValue: this.getFormattedValue(data.value, data),
        });

        if (!acc.category && data.category) {
          acc.category = data.category;
        }

        if (data.templateType) {
          acc.templateType = data.templateType;
        }

        return acc;
      },
      { type: 'tooltip', x: 0, y: 0, data: [], target: { radius: 0, width: 0, height: 0 } }
    );

    this.tooltipContainerEl.innerHTML = sanitizeHTML(
      this.templateFunc(
        model,
        {
          header: tooltipTemplates.defaultHeader(model, this.theme),
          body: getBodyTemplate(model.templateType)(model, this.theme),
        },
        this.theme
      )
    );
    this.setTooltipPosition(model);
  }

  initialize({ chartEl }) {