prashantrai27
Posts: 9
Joined: Wed Jan 19, 2022 9:51 am

Split packed bubble chart

Wed Jan 19, 2022 11:18 am

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 ?

User avatar
michal.f
Posts: 486
Joined: Thu Aug 12, 2021 12:04 pm

Re: Split packed bubble chart

Wed Jan 19, 2022 5:30 pm

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!
Michał Filipiec
Highcharts Developer

prashantrai27
Posts: 9
Joined: Wed Jan 19, 2022 9:51 am

Re: Split packed bubble chart

Thu Jan 20, 2022 6:07 am

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!

User avatar
michal.f
Posts: 486
Joined: Thu Aug 12, 2021 12:04 pm

Re: Split packed bubble chart

Thu Jan 20, 2022 5:09 pm

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!
Michał Filipiec
Highcharts Developer

prashantrai27
Posts: 9
Joined: Wed Jan 19, 2022 9:51 am

Re: Split packed bubble chart

Fri Jan 21, 2022 10:41 am

Thanks! I was looking for this only.

User avatar
michal.f
Posts: 486
Joined: Thu Aug 12, 2021 12:04 pm

Re: Split packed bubble chart

Fri Jan 21, 2022 12:21 pm

You're welcome! In case of any further questions, feel free to contact us again.

Best regards!
Michał Filipiec
Highcharts Developer

prashantrai27
Posts: 9
Joined: Wed Jan 19, 2022 9:51 am

Re: Split packed bubble chart

Fri Jan 21, 2022 2:11 pm

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

User avatar
michal.f
Posts: 486
Joined: Thu Aug 12, 2021 12:04 pm

Re: Split packed bubble chart

Fri Jan 21, 2022 3:17 pm

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!
Michał Filipiec
Highcharts Developer

prashantrai27
Posts: 9
Joined: Wed Jan 19, 2022 9:51 am

Re: Split packed bubble chart

Sat Jan 22, 2022 9:57 am

Thank you Michal!

User avatar
michal.f
Posts: 486
Joined: Thu Aug 12, 2021 12:04 pm

Re: Split packed bubble chart

Mon Jan 24, 2022 9:18 am

I'm glad I could help.

Best regards!
Michał Filipiec
Highcharts Developer

prashantrai27
Posts: 9
Joined: Wed Jan 19, 2022 9:51 am

Re: Split packed bubble chart

Fri Feb 04, 2022 9:13 am

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

prashantrai27
Posts: 9
Joined: Wed Jan 19, 2022 9:51 am

Re: Split packed bubble chart

Wed Feb 09, 2022 5:21 am

Hi Michal,

Can you guide on above query ?

Thanks

User avatar
michal.f
Posts: 486
Joined: Thu Aug 12, 2021 12:04 pm

Re: Split packed bubble chart

Wed Feb 09, 2022 12:41 pm

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!
Michał Filipiec
Highcharts Developer

prashantrai27
Posts: 9
Joined: Wed Jan 19, 2022 9:51 am

Re: Split packed bubble chart

Fri Feb 11, 2022 6:12 pm

Thanks michal!

User avatar
michal.f
Posts: 486
Joined: Thu Aug 12, 2021 12:04 pm

Re: Split packed bubble chart

Wed Feb 16, 2022 9:27 am

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!
Michał Filipiec
Highcharts Developer

Return to “Highcharts Usage”