Column minPointLength

The yAxis interval creation is messed up for negative Values

by Ayan Ghatak

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="chartContainer" style="height: 300px; width: 100%;">
</div>

<div id="hc-chartContainer" style="height: 300px; width: 100%;">
</div>

JavaScript

var config = {
  title: {
    text: "CanvasJS",
  },
  "data": [{
    "dataPoints": [{
        "x": 1571115300000,
        "y": null
      },
      {
        "x": 1571118900000,
        "y": 0
      },
      {
        "x": 1571121600000,
        "y": 0
      },
      {
        "x": 1571121900000,
        "y": 0
      },
      {
        "x": 1571122500000,
        "y": 0
      },
      {
        "x": 1571125800000,
        "y": 0
      },
      {
        "x": 1571127900000,
        "y": 0
      },
      {
        "x": 1571130300000,
        "y": 0
      },
      {
        "x": 1571132100000,
        "y": 0
      },
      {
        "x": 1571134500000,
        "y": 0
      },
      {
        "x": 1571135700000,
        "y": 0
      },
      {
        "x": 1571138100000,
        "y": 0
      },
      {
        "x": 1571138700000,
        "y": 0
      },
      {
        "x": 1571141400000,
        "y": 0
      },
      {
        "x": 1571142000000,
        "y": 0
      },
      {
        "x": 1571142300000,
        "y": 0
      },
      {
        "x": 1571144700000,
        "y": 0.24331
      },
      {
        "x": 1571145000000,
        "y": 0.2439
      },
      {
        "x": 1571146200000,
        "y": 0
      },
      {
        "x": 1571146500000,
        "y": 0
      },
      {
        "x": 1571150100000,
        "y": 0
      },
      {
        "x": 1571154300000,
        "y": 1.85185
      },
      {
        "x": 1571155500000,
        "y": 0
      },
      {
        "x": 1571156100000,
        "y": 0
      },
      {
        "x": 1571157000000,
        "y": 0.32154
      },
      {
        "x": 1571157900000,
        "y": 2.79898
      },
      {
        "x": 1571158200000,
        "y": null
      }
    ],
    "type": "column",
    "xValueType": "dateTime",
    "name": "Series 1"
  }]
};


window.onload = function() {
  var chart = new CanvasJS.Chart("chartContainer", config);
  chart.render();
  renderHC();
}

function renderHC() {
 ...