kruthika s
Posts: 10
Joined: Tue Jan 18, 2022 12:57 pm

Higcharts grouped categories

Hi ,
I am using grouped categories chart in angular with scrollbar functionality.
The problem I am facing is the x-axis of bar-chart labels is going out of div upon scrolling

Please help me out for resolving this issue

Thank you in advance
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Higcharts grouped categories

Hi there,

Thank you for contacting us.
It is hard to tell you what is not working and what could be done without taking look at your code. Could you reproduce the issue in an online editor that I could work on?

Best regards!
Kamil Musiałowski
Highcharts Developer
kruthika s
Posts: 10
Joined: Tue Jan 18, 2022 12:57 pm

Re: Higcharts grouped categories

Hi,
I am using scrollbar in Highcharts grouped categories,but scrollbar is not enabled
http://jsfiddle.net/djhqpocw/1/
And also styling of x axis labels i.e division A,B,C
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Higcharts grouped categories

Hi there,

Scroll option is a Highstock feature, so you need to link the Highstock.js script to your HTML file, instead of standard Highcharts.js
DEMO: http://jsfiddle.net/BlackLabel/ja0nwrs6/
https://jsfiddle.net/BlackLabel/wa48oyj1/

Alternatively if for some reason you don't want to use the Highstock module, please take a look at the example below with a scrollablePlotArea
DEMO: https://jsfiddle.net/BlackLabel/e9ztx3k8/

When it comes to styling the labels, could you explain a bit further what exactly would you need to acheive? Do you need to style a whole level, or just a category?
In the meantime, take a look at the official documentation about styling specific levels (it's at the bottom of the page)
https://blacklabel.github.io/grouped_categories/

Waiting for your reply,
Best regards!
Kamil Musiałowski
Highcharts Developer
kruthika s
Posts: 10
Joined: Tue Jan 18, 2022 12:57 pm

Re: Higcharts grouped categories

Thank you for the reply

Styling for only category like increasing size of the (height of the level zero box height) because of overlaping
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Higcharts grouped categories

Hello,

To avoid the overlapping issue in bar type charts, please set the xAxis.labels.x property to -5 (or adjust the value to your needs).

See simplified demo below:
http://jsfiddle.net/BlackLabel/059gfznh/

In case of any other questions, feel free to contact us!
Best regards
Kamil Musiałowski
Highcharts Developer

Return to “Highcharts Usage”