Мне нужно в тултипе обернуть часть текста дивом. Как я могу это сделать?
Я пробую так:
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;
},
},
}
}
Но в итоге выводиться просто текст без дива. Не подскажите как это сделать?