Chart.js #spanGaps

by Akihiko Kusanagi

HTML

<script src="https://www.chartjs.org/dist/master/Chart.js"></script>
<div>
  <canvas id="myChart"></canvas>
</div>

JavaScript

var ctx1 = document.getElementById("myChart");
var myChart1 = new Chart(ctx1, {
  type: 'line',
  data: {
    labels: [0, 1, 2, 3, 4],
    datasets: [{
      label: 'Dataset',
      data: [0, 2, null, 1, 0],
      borderWidth: 20,
      //tension: 0,
      fill: false,
      spanGaps: true
    }]
  },
  options: {
    legend: {
      display: false
    },
    layout: {
    	padding: 10
    }
  }
});