I've created a Line graph using Apexcharts in vanilla javascript. The series values have corresponding dates, but for some reason, the month of march is left out of the x axis date labels.

The sample data:

  series: [
    {
      name: "Parker, D (1250)",
      data: [
        { x: "28-Feb-2017 GMT", y: 34 },
        { x: "31-Mar-2017 GMT", y: 43 },
        { x: "30-Apr-2017 GMT", y: 31 },
        { x: "31-May-2017 GMT", y: 43 },
        { x: "30-Jun-2017 GMT", y: 33 },
        { x: "31-Jul-2017 GMT", y: 52 }
      ]
    }

The output:

For some reason, the chart is plotting the first data point (with date of 28th of Feb) directly above the date 1st of Feb. The expected behaviour that I would like is the date axis to say 1st of March instead.

Here's the codepen for anyone to have a play with: https://codepen.io/shane-wood/pen/zYpGxrY?editors=0010

Does anyone know how to fix this issue?