Vladimir123
Posts: 4
Joined: Fri Apr 01, 2022 8:42 am

How to fix scrollbar backround?

https://prnt.sc/jmFwMy4lrlRG
Hy everyone. I have a problem. I cannot style bottom part of chart.
I have set color to scrollbar

Code: Select all

scrollbar: {
        trackBackgroundColor: '#fff',
        trackBorderColor: '#fff',
        rifleColor: '#fff'
      },
set plotBands

Code: Select all

yAxis: {
          plotBands: [{
              from: -1000,
              to: 10000,
              color: '#fff'
          }],
          width: '10000'
      }
But i have a non styled part. How to paint over with white the part marked with an arrow in the screenshot?
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: How to fix scrollbar backround?

Hi Vladimir123,

Thanks for contacting us with your question.

Please create a live demo with the issue and your current config. You can start here: https://jsfiddle.net/BlackLabel/7y2t40fo/

Regards!
Mateusz Bernacik
Highcharts Developer
Vladimir123
Posts: 4
Joined: Fri Apr 01, 2022 8:42 am

Re: How to fix scrollbar backround?

mateusz.b wrote: Fri Apr 01, 2022 9:50 am Hi Vladimir123,

Thanks for contacting us with your question.

Please create a live demo with the issue and your current config. You can start here: https://jsfiddle.net/BlackLabel/7y2t40fo/

Regards!
https://jsfiddle.net/jn7oxkbt/
There is a demo. Do you seen a grey part for left and right of scrollbar?
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: How to fix scrollbar backround?

Vladimir123,

Yes, I can see what do you mean. I will try to figure it out and come back with an answer soon.

Regards!
Mateusz Bernacik
Highcharts Developer
Vladimir123
Posts: 4
Joined: Fri Apr 01, 2022 8:42 am

Re: How to fix scrollbar backround?

mateusz.b wrote: Fri Apr 01, 2022 10:17 am Vladimir123,

Yes, I can see what do you mean. I will try to figure it out and come back with an answer soon.

Regards!
I will wait; thank you :)
Vladimir123
Posts: 4
Joined: Fri Apr 01, 2022 8:42 am

Re: How to fix scrollbar backround?

mateusz.b wrote: Fri Apr 01, 2022 10:17 am Vladimir123,

Yes, I can see what do you mean. I will try to figure it out and come back with an answer soon.

Regards!
Excuse me, how long does it usually take to get a response? I am new here
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: How to fix scrollbar backround?

Hi Vladimir123,

Usually we answer within 24 hours on business days. This time can vary depending on complexity of the question and factors like traffic on the forum.

When it comes to your question, you should think about the navigator as a separated chart. Zones above scrollbar buttons are beyond the navigator, and thus hard to style. In this case I would suggest two solutions:
- disable scrollbar completely if not needed. It would make navigator span at the whole available space:
https://jsfiddle.net/BlackLabel/c18b2t0a/
- hide scrollbar buttons and adjust navigator width:
https://jsfiddle.net/BlackLabel/f47sa36q/

Let me know if you have any further questions.

Regards!
Mateusz Bernacik
Highcharts Developer

Return to “Highcharts Stock”