Bring hover borders to top on treemaps

[Maxime74]

Hello,

On treemaps, the hovers borders are often displayed under the borders' strokes of the adjacent areas :
https://jsfiddle.net/raxvgfc3/

On this exemple, I've set the hover style to have a blue border. But as you can see, only the bottom right rectangle "Susanne" have all its blue borders displayed when hovering it with the mouse.
I'm looking for a way to have the blue stroke all over displayed elements.

Thank you for your help.

[pawelys]

HI! Thanks for contacting us with your question!
As you can see, the border is displayed on every side of the tile. What you can do, is to call toFront() method so that the border isn't overlapped by anything. Check this demo: https://jsfiddle.net/BlackLabel/dxeo9kp6/1/
Let me know, if that works for you!
Kind regards,

[Maxime74]

Hi Pawelys,

That's almost the behavior I was expecting.
But in my case, the lvl1 group is delimited by a wider border width, and it's hidden by the effect applied by the mouseOver function.

https://jsfiddle.net/aob709gq/

Any fix ?

[sebastian.h]

Hi,
Thanks for the message and your question.

When I set the border color for the whole series they look good, please take a look and let me know what you think.

Code: Select all

  plotOptions: {
    treemap: {
      borderColor: 'black'
    }
  },

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


Best regards.

[Maxime74]

Hi,

Here is some screenshots to illustrate what I mean.
More over, the borders still hidden when the mouse goes out of the plot area.




Regards.

[sebastian.h]

Hi,
Thanks for the screenshots.

I managed to get something else like this by changing the settings of the second level.
https://jsfiddle.net/BlackLabel/Lvzj38af/

Regards.

[Maxime74]

Thanks Sebastian,

That's what I'm looking for.
I'll try to make it work in real condition and give you a feedback.

Regards.

[sebastian.h]

Hi,
You're welcome.

Sure, let me know if you will have more questions.
Regards.