如何在Item(chart.js)中更改其他文字的Z索引

时间:2018-10-08 14:09:03

标签: typescript canvas charts html5-canvas tooltip

我正在向图表中的每个项目添加其他元素

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));

        }
      });
    });
  }

但是当我将鼠标悬停在工具提示上时,enter image description here这个项目

如何更改此新文本的Z索引并将其隐藏在工具提示下?

0 个答案:

没有答案