title: How to skip x Axes labels in ChartJS
body: <p>The only thing I found for this topic is <a href="https://stackoverflow.com/questions/41760855/how-to-skip-labels-on-x-axes">this</a>
  , but it does not really help solve the problem.</p>
  
  <p>So I have a chart which is filled with some data like this:
  <a href="https://i.stack.imgur.com/cUvVg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cUvVg.png" alt="ChartJS Example"></a></p>
  
  <p>As you can see the values which are not set in the dataSet, are cut off. This is because of this code which fills everything with <code>undefined</code>:</p>
  
  <pre><code>let dataSet: any = {
     label: user.userName,
     backgroundColor: 'rgba(0, 0, 0, 0)',
     borderColor: this.getRandomColor(),
     data: new Array(this.chart.data.labels.length).fill(undefined)
  }
  </code></pre>
  
  <p>After that I fill the data in with this code:</p>
  
  <pre><code>data.forEach((d)=&gt;{
     let tmpDate: Date = new Date(d.date * 1000)
     let insertIndex: number = this.chart.data.labels.indexOf(this.getDateString(tmpDate))
     dataSet.data.splice(insertIndex, 1, d.data) // d.data is a number
  })
  
  this.chart.data.datasets.push(dataSet)
  this.chart.update()
  </code></pre>
  
  <p>I would like it to skip the undefined values and create a smooth line across the chart.</p>