title: canvas js dates are repeating on x axis
body: <p>I am using <code>canvasjs</code> for showing data in chart format. all is working fine beside dates are </p>
  
  <p>repeating when there is less data.</p>
  
  <p>Here is my JS</p>
  
  <pre><code>var chartResponses = new CanvasJS.Chart("chartResponses", {
          animationEnabled: true,
          toolTip: {
              enabled: true,
              animationEnabled: true,
              fontColor: "#F9BF97",
          },
          axisX: {
              titleFontFamily: "verdana",
              valueFormatString: "D/M/YYYY",
              tickThickness: 0,
              lineThickness: 1,
              gridThickness: 0,
              gridColor: "#f2f6f7",
              lineColor: "#f2f6f7",
              labelFontColor: "#8fa2aa",
              labelFontSize: 12,
              intervalType: "day",
  
          },
          axisY: {
              titleFontFamily: "verdana",
              valueFormatString: "0",
              tickThickness: 0,
              lineThickness: 0,
              gridThickness: 1,
              gridColor: "#f2f6f7",
              lineColor: "#f2f6f7",
              labelFontColor: "#8fa2aa",
              labelFontSize: 12
          },
          data: [{
                  type: "splineArea",
                  showInLegend: true,
                  markerSize: 0,
                  name: "",
                  color: "#F9BF97",
                  dataPoints: allResponses
              }],
      });
  
      chartResponses.render();
  </code></pre>
  
  <p>and this how it show chart when I have only two dates</p>
  
  <p><a href="https://i.stack.imgur.com/2yLlP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2yLlP.png" alt="enter image description here"></a></p>
  
  <p>I tried with setting interval to <code>interval: 1</code>. In this case less data charts are working fine but when I have more data dates are started overlapping like below image.</p>
  
  <p><a href="https://i.stack.imgur.com/aTYxo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aTYxo.png" alt="enter image description here"></a></p>
  
  <p>But when I remove <code>interval: 1</code> then it show fine</p>
  
  <p><a href="https://i.stack.imgur.com/ivHzG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ivHzG.png" alt="enter image description here"></a></p>
  
  <p>So is there any way to solve this issue.</p>