How to set an individual Pie Chart ToolTip text colour

[Adam]

Hi all,

I have tried to use the samples shown in this post ( https://www.telerik.com/forums/determine-column-series-color ) but cannot get it to apply for a pie chart. I have several dark & light coloured pie segments (eg: black & yellow) and cannot set a single colour across the board.

My current function looks like this:

function Chart1SeriesHover(e) {
   setTimeout(function () {
      switch (e.category) {
         case'Not Done':
            $telerik.$('.k-tooltip')[0].style.color = "white"; //black pie segment
            break;
         default:
            break;
}
   }, 10);
}

but I keep getting the following error in DevTools:

Uncaught TypeError: Cannot read properties of undefined (reading 'style')

Any help would be greatly appreciated.

[Vasko]

Hello Adam,

The error you're getting is due to the time set in the setTimeout method, as tooltips need more than 10 milliseconds to render on the page, hence the tooltip you're targeting is undefined, therefore erroring out. 

Try adjusting to bigger time values, when I tested it, I found 110 works perfectly fine. 

Regards,
Vasko
Progress Telerik

[Adam]

Thanks Vasko - that worked!