Add border to outer bubble in packed bubble chart (split)

[DARedmond]

Hello! Is there a way to add a border to the bubble which contains the inner bubbles in a split packed bubble chart? When I try to use the marker option (fillColor, lineColor, etc.), these only apply to the inner bubbles, and not to the outer ones. Thanks!

[dawid.d]

Hi,

Thanks for contacting us with your question!

Yes, it's possible. Just set the proper settings for parentNodeOptions.marker instead of point.marker option.

API: https://api.highcharts.com/highcharts/s ... ons.marker
Demo: https://jsfiddle.net/BlackLabel/x3fza704/

I hope you will find it useful
Best regards!

[DARedmond]

Thank you very much! I have 1 more question somewhat related. The border seems to be working on first load, but whenever I hover over a parent bubble, my fill color and border are gone when I hover back out of it. How can I disable this? I currently have properties like so:

Code: Select all

states: {
               hover: {
                    enabled: false,
                     fillColor: 'transparent'
                 },
               inactive: {
                   opacity: 1,
                   enabled: false
                 }
          },

[dawid.d]

Hi,

Can you present your problem with a demo e.g. in jsfiddle? I've not observed any similar effect in my case.

I'm waiting for your reply
Regards!

[DARedmond]

HI - yes, here is a the demo you linked (I made a few changes to show what I mean). I believe when you add the 'enableSimulation: false' flag, is when this behavior happens:

https://jsfiddle.net/sfnwq1g5/2/

[dawid.d]

Hi,

Thanks for the demo!

It can be a bug. If you think so, it's best to report it on our official GitHub repository: https://github.com/highcharts/highchart ... new/choose

You can also expect some workaround there. For now, I can recommend you use the default enableSimulation: true.

Let me know if you have any further questions!
Best regards!