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

Heatmap Single border for consecutive selected cells

Hi Team,

Could you please help me to add a single border for consecutive selected cells in heatmap?

Something like this: https://user-images.githubusercontent.c ... b0b5c7.png

Thanks.
User avatar
dawid.d
Posts: 807
Joined: Thu Oct 06, 2022 11:31 am

Re: Heatmap Single border for consecutive selected cells

Hello,

Welcome to our forum and thanks for contacting us with your question!

You can draw SVG elements on the chart using the render.
See: https://api.highcharts.com/class-refere ... derer#path

Your problem, however, is related to some algorithmic difficulty. I prepared a demo that draws a path for each border line, but for presentation purposes, I created the simplest algorithm and it may not be optimal for many points.

Demo: https://jsfiddle.net/BlackLabel/eLft2oh4/

I used the Highcharts built-in select, so you select points by clicking, and to select more points, hold shift.

​If you have further inquiries, you may reach out to me at any time.
Best regards!
Dawid Draguła
Highcharts Developer
vishalpawar048
Posts: 28
Joined: Wed Jan 25, 2023 3:24 am

Re: Heatmap Single border for consecutive selected cells

Thank you so much. It is working and looks good. I think it could be an integral feature of Heatmap.
User avatar
dawid.d
Posts: 807
Joined: Thu Oct 06, 2022 11:31 am

Re: Heatmap Single border for consecutive selected cells

You're welcome!

You can request features on our official GitHub repository (https://github.com/highcharts/highchart ... new/choose). You can also vote for them to increase their priority.

In case of any further questions, feel free to contact us again.
Best regards!
Dawid Draguła
Highcharts Developer

Return to “Highcharts Usage”