Столбчатая диаграмма Highcharts Javascript

Question

Я новичок в HighCharts и пытаюсь получить базовую столбчатую диаграмму с накоплением, подобную приведенной в этом примере Codepen Мой код выглядит следующим образом

import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import { workForceDataFemale } from "./WorkForceDataFemale";
import { workForceDataMale } from './WorkForceDataMale';



const options = {

  chart: {
    type: 'column'
  },
  title: {
    text: 'My chart'
  },
  xAxis: {
   categories: ['2013']
  },
  yAxis: {
    title: {
      text: 'Total Number of Workers'
    },
  },
  plotOptions: {
    column: {
      stacking: 'normal',
      dataLabels: {
        enabled: true
      }
    }
  },
  series: [{
    name: 'Male',
    data: [ workForceDataMale[2013].map(e => (e.n_workers))]
  }, {
    name: 'Female',
    data: [ workForceDataFemale[2013].map(e => (e.n_workers)) ]
  }   
  ],

};

class App extends Component {


  render() {
    return (
      <div className="App">
        <div className="main-container">
        <HighchartsReact highcharts={Highcharts} options={options} />
        </div>
      </div>
    );
  }

}

export default App;

Я не совсем уверен, что происходит с моим xAxis, но я хочу иметь возможность подключить год 2013, чтобы мои столбцы складывались