title: ChartJS show gaps in time data
body: <p>I have this graph:</p>
  
  <p><a href="https://i.stack.imgur.com/wbEz8.png" rel="noreferrer"><img src="https://i.stack.imgur.com/wbEz8.png" alt="Chart"></a></p>
  
  <p>which is built in ChartJS, however, between 1pm and 5:30pm, there was no data.</p>
  
  <p>All I want the chart to do is display that there is no data, rather than joining the two points.</p>
  
  <p>Can this be done? In theory I have a new value every 5 seconds, but this could reduce, so I guess I would need to be able to set a tolerance of gaps to join vs gaps to show?</p>
  
  <p>ChartOptions shown below:</p>
  
  <pre><code>        myChart = new Chart(ctx, 
          {
              type: 'line',
              data: 
              {
                  labels: timestamp,
                  datasets: 
                  [{data: speed,backgroundColor: ['rgba(0, 9, 132, 0.2)'],borderColor: ['rgba(0, 0, 192, 1)'],borderWidth: 1},
                  {data: target,borderColor: "rgba(255,0,0,1)",backgroundColor: "rgba(255,0,0,0)",borderWidth: 1,tooltips: {enabled: false}}]
              },
              options: 
              {
                  scales: {yAxes: [{ticks: {beginAtZero:true, min: 0, max: 300}}], xAxes: [{type: 'time',}]},
                  elements: 
                  {point:{radius: 0,hitRadius: 5,hoverRadius: 5},
                  line:{tension: 0}},
                  legend: {display: false},
                  pan: {enabled: true,mode: 'xy',rangeMin: {x: null,y: null},rangeMax: {x: null,y: null}},
                  zoom: {enabled: true,drag: true,mode: 'xy',rangeMin: {x: null,y: null},rangeMax: {x: null,y: null}},
  
              }
          });
  </code></pre>
  
  <p>Thanks in advance</p>