Disable tooltip gradients.

[Jos]

Hello,

I wonder how I can disable the gradient for tooltips.
I know I can disable chart gradients by setting:

seriesDefaults: { overlay: {gradient: null} }

But this doesn't work for tooltips.

Any advice would be greatly appreciated.

[Iliana Dyankova]

Hello Jos,

You could achieve this using the following CSS rule:

<style>
.k-chart .k-tooltip{
   background-image: none;
}
</style>

Regards,
Iliana Nikolova
Telerik

[Jos]

Thanks!

This solution works. I just needed to add the !important attribute.

.k-chart .k-tooltip {
    background-image: none !important;
}

But this probaply has to do with the order in which the css files are loaded.