Any Angular example of Smart.Chart tooltips customization?

Question

This topic has 1 reply, 2 voices, and was last updated 2 months ago by Markov.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
August 26, 2025 at 7:04 am #112881

linda05
Participant

Could you help me with Chart customization?

August 26, 2025 at 8:34 am #112883
Markov
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/
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

${month}: $${sales}

`; };` Best regards, Markov Smart UI Team https://www.htmlelements.com/ Author Posts Viewing 2 posts - 1 through 2 (of 2 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In With Google Log In

Markov · Accepted Answer

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

${month}: $${sales}

`; };` Best regards, Markov Smart UI Team https://www.htmlelements.com/