JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Table Any Angular example of Smart.Chart tooltips customization?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #112881
    linda05
    Participant

    Could you help me with Chart customization?

    #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/

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.