MaxKonermann
Posts: 5
Joined: Tue Feb 08, 2022 12:01 pm

Grouped Categories with Highcharts 11

Hello,

i am using this external library: https://blacklabel.github.io/grouped_categories/ for more dimensional categories.
Sadly i got an error when i updated my highcharts version to 11 as you can see here: http://jsfiddle.net/BlackLabel/059gfznh/
Here is a screenshot of the errormessage: https://ibb.co/PrS2WFd

Is there any way to fix this from your side or is there a way that i can use specific attributes to avoid this error?

Waiting for your reply,
Best regards!
jedrzej.r
Posts: 725
Joined: Tue Jan 24, 2023 11:21 am

Re: Grouped Categories with Highcharts 11

Hi!

Indeed, that is a regression bug that has been introuced with Highcharts 11 version. It has already been reported on grouped_categories GitHub repo, you can track its' status here: https://github.com/blacklabel/grouped_c ... issues/200. Until the fix is deplyoed, I would reccomend reverting back to 10.3.3 version of Highcharts.

Let me know if you have any further questions!
Best regards!
Jędrzej Ruta
Highcharts Developer
simplyme
Posts: 22
Joined: Mon Feb 28, 2022 1:09 am

Re: Grouped Categories with Highcharts 11

Hi,

Where can I download the 10.3.3 version? I can only see version11 (please see screenshot)? I am using CDN and the charts in our web application are not working. Tia!
Attachments
Screenshot 2023-05-25 080509.png
Screenshot 2023-05-25 080509.png (68.62 KiB) Viewed 626 times
jedrzej.r
Posts: 725
Joined: Tue Jan 24, 2023 11:21 am

Re: Grouped Categories with Highcharts 11

Hi!

In case if you are using Highcharts in your project via CDN, you can simply change the url of src attribute in <script> tag from

Code: Select all

https://code.highcharts.com/highcharts.js
to

Code: Select all

https://code.highcharts.com/10.3.3/highcharts.js
You can read more about obtaining specific version of Highcharts here: https://code.highcharts.com/.

Let me know if that was what you were looking for!
Best regards!
Jędrzej Ruta
Highcharts Developer
simplyme
Posts: 22
Joined: Mon Feb 28, 2022 1:09 am

Re: Grouped Categories with Highcharts 11

Thank you! It is now working after I changed the version in the cdn as you suggested.
jedrzej.r
Posts: 725
Joined: Tue Jan 24, 2023 11:21 am

Re: Grouped Categories with Highcharts 11

Hi!

No need to do that right now, as a fix has been pushed to the grouped_categories repository, meaning that you can use this plugin with latest Highcharts version.

In case of any other questions, feel free to ask anytime.
Best regards!
Jędrzej Ruta
Highcharts Developer
simplyme
Posts: 22
Joined: Mon Feb 28, 2022 1:09 am

Re: Grouped Categories with Highcharts 11

For some reason, I can't create a new post. WOuld you be able to guide me how I can make my title area like this? I searched for title width and container equal to title width and I can't find anything that will give me this result.
Attachments
Screenshot 2023-06-05 095043.png
Screenshot 2023-06-05 095043.png (196.19 KiB) Viewed 560 times
jedrzej.r
Posts: 725
Joined: Tue Jan 24, 2023 11:21 am

Re: Grouped Categories with Highcharts 11

Hi!

Basically, Highcharts doesn't allow the background of the title to have full width of the container, as it can interfere with other elements, such as exporting menu. Regarding this obstruction, the title always has the width same as the width of the title.

Luckily, with some little tweaks it can be done. FIrstly, you should enable useHTML property. Then, on render event you can override title element styling to meet your needs.

Live demo: https://jsfiddle.net/BlackLabel/jf3d5gq8/

API:
https://api.highcharts.com/highcharts/title.useHTML
https://api.highcharts.com/highcharts/c ... nts.render

Let me know if that was what you were looking for.
Best regards!
Jędrzej Ruta
Highcharts Developer
simplyme
Posts: 22
Joined: Mon Feb 28, 2022 1:09 am

Re: Grouped Categories with Highcharts 11

That is what I need, but for some reason I am still getting the extra white space.
Attachments
Screenshot 2023-06-06 100755.png
Screenshot 2023-06-06 100755.png (89.1 KiB) Viewed 542 times
jedrzej.r
Posts: 725
Joined: Tue Jan 24, 2023 11:21 am

Re: Grouped Categories with Highcharts 11

In this case, you can also set title.margin to 0 as well as update title.style.top so it is equal to 0.

Live demo: https://jsfiddle.net/BlackLabel/bqhuz9s7/

API: https://api.highcharts.com/highcharts/title.margin

Let me know if that was what you were looking for.
Best regards!
Jędrzej Ruta
Highcharts Developer
simplyme
Posts: 22
Joined: Mon Feb 28, 2022 1:09 am

Re: Grouped Categories with Highcharts 11

Thank you!! It worked now on the title.

I'm sorry, I have another question. The list in my tooltip is very long and would not scroll, I can only see the middle. How should this be corrected? Tia!
Attachments
Screenshot 2023-06-12 094036.png
Screenshot 2023-06-12 094036.png (207.11 KiB) Viewed 501 times
jedrzej.r
Posts: 725
Joined: Tue Jan 24, 2023 11:21 am

Re: Grouped Categories with Highcharts 11

I'm glad to hear that!

For creating such scroll, you can restrict max-height and set overflow-y: auto in order to allow scrolling tooltip content.

Live demo: https://jsfiddle.net/BlackLabel/f06kmcvr/

References:
viewtopic.php?f=9&t=44469

Let me know if that was what you were looking for!
Best regards!
Jędrzej Ruta
Highcharts Developer
simplyme
Posts: 22
Joined: Mon Feb 28, 2022 1:09 am

Re: Grouped Categories with Highcharts 11

Thank you! This made my chart looks better. Is there a way to position the tooltip a little lower so it doesn't go up the title area?
Attachments
Screenshot 2023-06-28 063947.png
Screenshot 2023-06-28 063947.png (237.9 KiB) Viewed 395 times
jedrzej.r
Posts: 725
Joined: Tue Jan 24, 2023 11:21 am

Re: Grouped Categories with Highcharts 11

I'm happy to hear that you found it useful!

Of course, by using tooltip.positioner you can simply alter the position of the tooltip. Keep in mind that this function overrides default positioning of the tooltip.

Live demo: https://jsfiddle.net/BlackLabel/kto3r169/

API: https://api.highcharts.com/highcharts/t ... positioner

Let me know if that's what you were looking for.
Best regards!
Jędrzej Ruta
Highcharts Developer
simplyme
Posts: 22
Joined: Mon Feb 28, 2022 1:09 am

Re: Grouped Categories with Highcharts 11

thank you!! I have deployed the page in the production web. where should I put the license key? sorry, I keep asking in this thread, for some reason I cannot create a new one.

Return to “Highcharts Usage”