How to override default tooltip format using tooltipShowing event for igDataChart

2515

Ray Webb posted over 5 years ago

I am trying to use the tooltipShowingevent to override the tooltip displayed when the mouse hovers over a chart column. A valid HTML string is returned to tooltip from GetChartTooltip (a function I created), however, the column tooltip is still the default tooltip defined within Infragistics rather than my modified tooltip. How can I get my custom tooltip to be displayed?

tooltipShowing: function (evt, ui) {
// Programmatically set the tooltip
var tooltip = GetChartTooltip(ui);
if (tooltip != '') {
ui.element.tooltip().text(tooltip);
}
}

Top Replies

2515

Offline Ray Webb posted over 5 years ago in reply to Aleksandar Kamenov +1
As you say, you can't include any HTML tags to control the look of the tooltip using this technique. Other libraries with tooltip support do permit including...view reply »
1740

Offline Aleksandar Kamenov posted over 5 years ago in reply to Ray Webb +1 verified
Hello Ray, Actually, I've found a solution. I've refactored the sample and that's what I did. I just took the tooltip as an element. Then with JQuery...view reply »

Parents

No Data

Reply

1740

Offline Aleksandar Kamenov posted over 5 years ago

Hello Ray,

Could you please try to take that action on the tooltipShown event handler.

Please let me know if this approach fixes your problem?
Cancel
Reply

Cancel

Children

2515

Offline Ray Webb posted over 5 years ago in reply to Aleksandar Kamenov

Actually, the results were worse. When displayed, the tooltip included the text for all of the tags I used to create the tooltip. For example, my tooltip included a '<div>'. So '<div>' was what I saw in the displayed tooltip. For example, rather than seeing '123', I saw '<div>123</div>'.
Cancel
Reply

Cancel