Как изменить Z-индекс дополнительного текста в Item (chart.js)

Question

Я добавляю дополнительные элементы к каждому элементу в моей диаграмме

export const showAdditionalText: any = {
  afterDraw: (chart, easing) =>  {
    const ctx = chart.chart.ctx;
    chart.data.datasets.forEach((dataset, i) => {
      const meta = chart.getDatasetMeta(i);

      meta.data.forEach((element, index) => {
        console.log(meta);
        if (meta.type === 'bubble') {
          const fontSize = 10;
          const fontStyle = 'normal';
          const fontFamily = 'Helvetica Neue';
          ctx.font = Chart.helpers.fontString(fontSize, fontStyle, fontFamily);
          const dataString = dataset.data[index].projectNumber;
          ctx.textAlign = 'center';
          ctx.textBaseline = 'middle';


          ctx.fillStyle = 'white';
          const position = element.tooltipPosition();
          ctx.fillText(dataString, position.x, position.y - (fontSize / 4));

        }
      });
    });
  }

Но при наведении курсора всплывающая подсказка не перекрывается этот элемент

Как можноЯ изменяю Z индекс этого нового текста и скрываю его под всплывающей подсказкой?