Smoothing & rounding edges

Line charts

Line charts can be smoothed by setting the lineTension attribute on the dataset. For example:

{
  data: {
    datasets: [
      {
        // ...
        lineTension: 0.4,
      },
    ];
  }
}

Bar charts

A built-in plugin is available to users who want to round the corners of their bar charts. To round corners, set options.plugins.roundedBars to true:

{
  // ...
  options: {
    plugins: {
      roundedBars: true;
    }
  }
}

You may also specify the pixel radius of the rounded corners using the cornerRadius property:

{
  // ...
  options: {
    plugins: {
      roundedBars: {
        cornerRadius: 20;
      }
    }
  }
}