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 »

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