title: How to add an empty data point to a linechart on Chart.js?
body: <p>I'm trying to add empty data points throughout a line chart using Chart.js. I have this:</p>
  
  <pre><code>var data = {
              labels: [
                  "1","2","3","4","5","6","7","8","9","10"
              ],
              datasets: [
                  {
                      label: "Traffic",
                      data: null,null,20,40,null,null,null,10,20,null
                  }
              ]
          };
  </code></pre>
  
  <p>The problem is that the linechart only recognizes the first two "nulls" as being empty data points and doesn't display them. However, for the nulls that come after, a line (connecting the previous and next valid datapoint) is shown, which makes it seem as if the "null"-datapoints actually exist. Is there a way to NOT display null-values in linecharts? (Similar to what Canvas.js offer: <a href="http://canvasjs.com/docs/charts/basics-of-creating-html5-chart/empty-null-data-points-chart/" rel="noreferrer">http://canvasjs.com/docs/charts/basics-of-creating-html5-chart/empty-null-data-points-chart/</a>)</p>
  
  <p>I read through the Chart.js documentation and stackoverflow but could not find an answer. Can anyone help me?</p>