Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › Table › Any Angular example of Smart.Chart tooltips customization? › Reply To: Any Angular example of Smart.Chart tooltips customization?
August 26, 2025 at 8:34 am
#112883
Keymaster
Hi,
The tooltipFormatFunction allows you to customize the Chart tooltip.
Example:
chart.toolTipFormatFunction = function (value, itemIndex, serie, group) {
const month = chart.dataSource[itemIndex].Month;
const sales = chart.dataSource[itemIndex].Sales;
return
<div style=”color: #fff; background: #6610F2; padding: 5px; border-radius: 5px;”>
${month}: $${sales}
</div>`;
};`
Best regards,
Markov
Smart UI Team
https://www.htmlelements.com/