@uroot

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

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

Я пробую так:
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;
        },
      },
    }
}


Но в итоге выводиться просто текст без дива. Не подскажите как это сделать?
  • Вопрос задан
  • 24 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы