Page 1 of 1

Split packed bubble chart

Posted: Wed Jan 19, 2022 11:18 am
by prashantrai27
Hello,
I have basically 3 queries regarding split packed bubble chart.

1. Can we align bigger bubbles of this chart to horizontally based on size.

2. How to turn off multi select on bubbles.
Ex - both bigger and smaller circles should not be selected at a time. If I select bigger, smaller should deselect and vice versa.

3. Don't we have in-built zoom in split packed bubble chart ?

Re: Split packed bubble chart

Posted: Wed Jan 19, 2022 5:30 pm
by michal.f
Hello,

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

1. You cannot set the position of the bubbles in this type of chart.
2. I don't quite understand what you mean.
3. No, this chart does not have a zoom option

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

Re: Split packed bubble chart

Posted: Thu Jan 20, 2022 6:07 am
by prashantrai27
Hello michal,

In the 2nd question I'm asking about bubble selection.

we have bigger circle inside that smaller circles are there. both bigger and smaller circles should be clickable,
that i have achieved using allowPointSelect.

but user should be able to select only one circle at a time on whole highchart for that what can we do?

https://jsfiddle.net/sh9b7ykq/

above is the link there you can check I'm able to select both bigger(africa) and smaller circle inside of that bigger circle at a time.

I want only one circle should be selected at a time either it is bigger or smaller. I hope you get what I'm asking.

Thanks!

Re: Split packed bubble chart

Posted: Thu Jan 20, 2022 5:09 pm
by michal.f
Hi,

Ok, now I see. You can use the plotOptions.series.point.events.select() callback function to deselect an earlier point when selecting.

Demo: https://jsfiddle.net/BlackLabel/xvrufgey/
API: https://api.highcharts.com/highcharts/p ... nts.select

Let me know if that was what you were looking for!
Best regards!

Re: Split packed bubble chart

Posted: Fri Jan 21, 2022 10:41 am
by prashantrai27
Thanks! I was looking for this only.

Re: Split packed bubble chart

Posted: Fri Jan 21, 2022 12:21 pm
by michal.f
You're welcome! In case of any further questions, feel free to contact us again.

Best regards!

Re: Split packed bubble chart

Posted: Fri Jan 21, 2022 2:11 pm
by prashantrai27
Hi Michal,

I have one more query regarding selection in split packed bubble.

I want to deselect all bubbles on clicking outside circle. So if I click on whitespace around bubbles it should deselect any bubble which is selected.

Can we do this without refreshing the page.

https://jsfiddle.net/BlackLabel/xvrufgey/

Above is the link where we can check.

Thanks

Re: Split packed bubble chart

Posted: Fri Jan 21, 2022 3:17 pm
by michal.f
Hi,

Yes, you can deselect prevPoint using chart.events.click() callback function.

Demo: https://jsfiddle.net/BlackLabel/6y5bjquv/
API: https://api.highcharts.com/highcharts/c ... ents.click

Best regards!

Re: Split packed bubble chart

Posted: Sat Jan 22, 2022 9:57 am
by prashantrai27
Thank you Michal!

Re: Split packed bubble chart

Posted: Mon Jan 24, 2022 9:18 am
by michal.f
I'm glad I could help.

Best regards!

Re: Split packed bubble chart

Posted: Fri Feb 04, 2022 9:13 am
by prashantrai27
Hello,

I have one more query.

Actually in my project I have 100 smaller bubbles inside one bigger bubble and I have 5 bigger bubbles.

Problem is it is taking 15 seconds to render the highchart.

Can we do anything to optimise performance ?

Thanks

Re: Split packed bubble chart

Posted: Wed Feb 09, 2022 5:21 am
by prashantrai27
Hi Michal,

Can you guide on above query ?

Thanks

Re: Split packed bubble chart

Posted: Wed Feb 09, 2022 12:41 pm
by michal.f
Hello and sorry for the long reply.

Unfortunately, such a large amount of bubbles causes a lot of calculations. For a regular packed bubble series you could use plotOptions.packedbubble.useSimulation, but it doesn't support split series.

At the moment, it can be optimized a little by forcing a smaller number of iterations of calculations and interactions between series.

Demo: https://jsfiddle.net/BlackLabel/q5x9csz0/
API: https://api.highcharts.com/highcharts/p ... Iterations

When I report it on GitHub as a feature request, I will send a link here so that you can vote for adding such functionality.

Feel free to ask any further questions!
Best regards!

Re: Split packed bubble chart

Posted: Fri Feb 11, 2022 6:12 pm
by prashantrai27
Thanks michal!

Re: Split packed bubble chart

Posted: Wed Feb 16, 2022 9:27 am
by michal.f
You're welcome!

As for the function request, such a thread has already been created: https://github.com/highcharts/highcharts/issues/14237

You can ask a question in it if anything has changed in this regard.

Feel free to ask any further questions!
Best regards!