Interval Alignment probs

by mrDavid

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<body>
<div id="chartContainer"></div>
</body>

JavaScript

function populateChart() {
  var chart = new CanvasJS.Chart('chartContainer', {

    toolTip: {
      shared: true,
    },

    axisX: {
      interval: 3,
      intervalType: 'month',
    },

    data: [
    {
        name: 'Set A',
        color: '#0080c0',
        showInLegend: true,
        connectNullData: true,
        nullDataLineDashType: 'solid',
        visible: true,

        type: 'rangeColumn',

        dataPoints: [{
            x: new Date(2019, 9, 1),
            y: [0, 1.978961517693],
          },
          {
            x: new Date(2020, 0, 1),
            y: [1.978961517693, 4.959007254057],
          },
          {
            x: new Date(2020, 3, 1),
            y: [4.959007254057, -9.831160727744],
          },
          {
            x: new Date(2020, 6, 1),
            y: [-9.831160727744, 7.348839272256],
          },

        ]
      },

      
    ]
  });
  chart.render();
}

populateChart();