我如何在反应中启用 highcharts 中的滚动条

Question

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

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

Answer 1

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

Fixed by removed xAxis category

type:"category"