Ability to set opacity for the heatmap's tooltip

Hello, I'm trying to find if there is an opacity setting that is available on the tooltip control for the heatmap component. I am setting the fill to white, and the default opacity is too light in its current state:

Any assistance would be appreciated. Thank you


3 Replies

SS Sharon Sanchez Selvaraj Syncfusion Team November 19, 2021 01:23 PM UTC


 
Greetings from Syncfusion support. 
 
We have checked with your reported requirement in HeatMap. In order to achieve this scenario, you can set opacity for the Tooltip using the following CSS: 
 
Refer to the code snippet: 
 
<style> 
    .ejSVGTooltip.e-tooltip svg g path{ 
        opacity:1; 
    } 
</style> 
 
Please get back to us if you need any further assistance. 
 
Regards, 
Sharon Sanchez S. 
 



JT John T November 24, 2021 05:18 AM UTC

The css path is slightly different on my end, but this works for me. Thank you!



KR Keerthana Rajendran Syncfusion Team November 25, 2021 06:35 AM UTC

Hi John, 
 
Most welcome. We are glad to hear that the provided suggestions helped you. Please get back to us if you need any further assistance. 
 
Regards, 
Keerthana R. 


Loader.
Up arrow icon