vishalpawar048
Posts: 3
Joined: Wed Jan 25, 2023 3:24 am

Heatmap Selected Cells Opacity

Wed Jan 25, 2023 12:39 pm

Hi,

Is it possible to add color with opacity to the selected cells?

I have tried using fillColor: "#A6A6A650", and opacity: 0.5 but seems it doesn't work.

Code: Select all

      marker: {
                        lineWidth: 1,
                        states: {
                            select: {
                                fillColor: "#A6A6A650",
                                lineColor: "#005D8C",
                                lineWidth: 1,
                               // opacity: 0.5
                            },
                        
                        }
                    }
Attachments
SelectionOpacity.png
SelectionOpacity.png (92.58 KiB) Viewed 24 times

dawid.d
Posts: 298
Joined: Thu Oct 06, 2022 11:31 am

Re: Heatmap Selected Cells Opacity

Thu Jan 26, 2023 1:47 pm

Hi,

Thanks for contacting us with your question!

Both fillColor and opacity work, but you have to remember that selection doesn't overlay the existing colour, it just overwrites the original one.

Demo: https://jsfiddle.net/BlackLabel/3sue8mo1/

If I may clarify any issues/matters I am available at your convenience.
Best regards!

Return to “Highcharts Usage”