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!