title: How to ignore points with same value in Chart.js
body: <p>I have a chart using Chart.js that works fine except i want the chart to draw a straight line when the y values are the same. For example in the below image i have some data where there are hundreds of consecutive y values of 1. What i want is instead of the chart rendering a point for each consecutive y value of 1 i want a straight line. I have read the documentation for all the options and i didn't see one that fits my needs. Does anyone have any ideas?</p>
  
  <p><a href="https://i.stack.imgur.com/S4DjS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/S4DjS.png" alt="enter image description here"></a></p>
  
  <p>Code:</p>
  
  <pre><code>this.$EventsCountChart = new Chart(this.$EventsCountChart, {
                          type: 'line',
                          data: {
                              labels: timestamps,
                              datasets: [{
                                  data: eventCounts,
                                  backgroundColor: [
                                      'rgba(255, 99, 132, 0.2)',
                                      'rgba(54, 162, 235, 0.2)',
                                      'rgba(255, 206, 86, 0.2)',
                                      'rgba(75, 192, 192, 0.2)',
                                      'rgba(153, 102, 255, 0.2)',
                                      'rgba(255, 159, 64, 0.2)'
                                  ],
                                  borderColor: [
                                      'rgba(255,99,132,1)',
                                      'rgba(54, 162, 235, 1)',
                                      'rgba(255, 206, 86, 1)',
                                      'rgba(75, 192, 192, 1)',
                                      'rgba(153, 102, 255, 1)',
                                      'rgba(255, 159, 64, 1)'
                                  ],
                                  borderWidth: 1
                              }]
                          },
                          options: {
                              legend: {
                                  display: false
                              },
                              scales: {
                                  xAxes: [{
                                      scaleLabel: {
                                          display: false
                                      }
                                  }],
                                  yAxes: [{
                                      scaleLabel: {
                                          display: true,
                                          labelString: 'Event Count'
                                      },
                                      ticks: {
                                          beginAtZero: true
                                      }
                                  }]
                              }
                          }
                      });
  </code></pre>
  
  <p>Thanks in advance for any help</p>