Column chart gets cut off

[AntoSaba92]

Hello, does anybody know why if you put multiple series in a bar chart, the edges of the outer bars are somewhat cut off or even not displayed at all. I have used this example , modifying the type to bar and adding 3 more series. Here is a screenshot of what I mean:

This is the modified js code, for the rest it is the same

var options = {
  chart: {
    height: 380,
    width: "900px",
    type: "bar",
    animations: {
      initialAnimation: {
        enabled: false
      }
    }
  },
  series: [
    {
      name: "Series 1",
      data: [
        [1486684800000, 34], 
        [1486771200000, 43], 
        [1486857600000, 31] , 
        [1486944000000, 43], 
        [1487030400000, 33], 
        [1487116800000, 52]
      ]
    },
        {
      name: "Series 2",
      data: [
        [1486684800000, 14], 
        [1486771200000, 33], 
        [1486857600000, 41] , 
        [1486944000000, 53], 
        [1487030400000, 33], 
        [1487116800000, 12]
      ]
    },
            {
      name: "Series 3",
      data: [
        [1486684800000, 44], 
        [1486771200000, 33], 
        [1486857600000, 21] , 
        [1486944000000, 13], 
        [1487030400000, 53], 
        [1487116800000, 32]
      ]
    },
    { name: "Series 4",
      data: [
        [1486684800000, 14], 
        [1486771200000, 23], 
        [1486857600000, 31] , 
        [1486944000000, 43], 
        [1487030400000, 53], 
        [1487116800000, 72]
      ]
    }         
  ],
  xaxis: {
    type: 'datetime'
  }
};

var chart = new ApexCharts(document.querySelector("#chart"), options);

chart.render();