Chart.js : straight lines instead of curves

Question

I\'m using Chart.JS to plot a dataset,

However I got a smooth effect !

Here is the curve I\'ve got :

Here is my code :

Answer 1

I have used lineTension to set the smoothness of the curve.

From the docs: lineTension receives a number, Bezier curve tension of the line. Set to 0 to draw straight lines. This option is ignored if monotone cubic interpolation is used.

Just make sure to test with different values how smooth you want the line.

For example:

var data = {
  labels: ["Jan", "Feb", "Mar"],
  datasets: [{
      label: "Label 1",
      lineTension: 0.2
    }, {
      label: "Stock B",
      lineTension: 0.2
    }

  ]
};