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

Heatmap Selected Cells Opacity

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 94 times
User avatar
dawid.d
Posts: 807
Joined: Thu Oct 06, 2022 11:31 am

Re: Heatmap Selected Cells Opacity

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!
Dawid Draguła
Highcharts Developer

Return to “Highcharts Usage”