Highcharts Column Chart Errors

by oysteinmoseng

HTML

<!-- <script src="https://code.highcharts.com/highstock.js"></script> -->
<script src="https://code.highcharts.com/highcharts.js"></script>      
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>


<div id="container"></div>

CSS

#container {
  min-width: 300px;
  max-width: 800px;
  height: 300px;
  margin: 1em auto;
}

React

const hundredsOfDataPoints = () => {
	const arr = []
  for (let i = 0; i <= 250; i++) {
    arr.push(i)
  }
  return arr
}

Highcharts.chart('container', {	
		type: 'column',
    series: [
    {
    		type: 'column',
        name: 'A',
        data: hundredsOfDataPoints()
    },    {
    		type: 'column',
        name: 'B',
        data: hundredsOfDataPoints().map(x => x * -1)
    }
    
    ],
    plotOptions: {
     column: {
       stacking: 'normal'
     },
    },
    		accessibility: {
      keyboardNavigation: {
        order: ['series', 'legend'],
        seriesNavigation: {
        	pointNavigationEnabledThreshold: 1
        }
      },
      
    },
});