Как можно в Chart.js в тултип добавить HTML?

Question

[uRoot]

Мне нужно в тултипе обернуть часть текста дивом. Как я могу это сделать?


Я пробую так:

const options = {
    tooltips: {
callbacks: {
        label: (tooltipItem: any, data: any) => {
          let label = data.datasets[tooltipItem.datasetIndex].label || '';

          if (label) {
            label += `: $`;
          }

          const span = document.createElement('div');
          span.style.background = 'red'
          span.style.borderColor = "#000";
          span.style.borderWidth = '2px';
          span.style.marginRight = '10px';
          span.style.height = '10px';
          span.style.width = '10px';

          label += tooltipItem.yLabel;

           const el  = span.innerText = label
          
          return el;
        },
      },
    }
}

Но в итоге выводиться просто текст без дива. Не подскажите как это сделать?

Comments

[uRoot]

Как я понял нужно добавит флаг enabled. Но тогда в таком случае вообще тултип не выводится