Skip to main content

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;
}
}
}
}