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

Split packed bubble chart

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 ?
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Split packed bubble chart

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
https://blacklabel.pl/highcharts/
prashantrai27
Posts: 9
Joined: Wed Jan 19, 2022 9:51 am

Re: Split packed bubble chart

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!
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Split packed bubble chart

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
https://blacklabel.pl/highcharts/
prashantrai27
Posts: 9
Joined: Wed Jan 19, 2022 9:51 am

Re: Split packed bubble chart

Thanks! I was looking for this only.
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Split packed bubble chart

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

Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/
prashantrai27
Posts: 9
Joined: Wed Jan 19, 2022 9:51 am

Re: Split packed bubble chart

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
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Split packed bubble chart

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
https://blacklabel.pl/highcharts/
prashantrai27
Posts: 9
Joined: Wed Jan 19, 2022 9:51 am

Re: Split packed bubble chart

Thank you Michal!
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Split packed bubble chart

I'm glad I could help.

Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/
prashantrai27
Posts: 9
Joined: Wed Jan 19, 2022 9:51 am

Re: Split packed bubble chart

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

Hi Michal,

Can you guide on above query ?

Thanks
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Split packed bubble chart

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
https://blacklabel.pl/highcharts/
prashantrai27
Posts: 9
Joined: Wed Jan 19, 2022 9:51 am

Re: Split packed bubble chart

Thanks michal!
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Split packed bubble chart

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
https://blacklabel.pl/highcharts/

Return to “Highcharts Usage”