How do i enable scrollbar in highcharts in react

0
votes

I'm working with react Highcharts stacked column chart

I couldn't add scroll bar for column chart .In this example it have plotting applied values but not showing scroll bar.In my case it not happening.the view port is taking it own height and width even if i applied style to its parent.not fitting inside container

containerProps={{ style: { width: '100%', height: '100%' } }}

this also not working

not fitting in its container

example

i'm stuck in this scroll bar issue when the api response coming with 100 more data the view port of react highchart is limiting to 24 data.I could not add scroll bar.

When i enabled navigator i can see the data but chart column is not plotting .please help

1
javascriptcssreactjshighcharts
Hi @Dev, Everything seems to work fine in your example. Could you check it and describe the problem more precisely? - ppotaczek
Sorry i forgot to close the issue .I have fixed with some googling .Thanks anyway @ppotaczek :-) - Dev

1 Answers

0
votes

https://codesandbox.io/s/objective-blackburn-171dz?file=/src/App.js

Fixed by removed xAxis category

type:"category"