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