[Chartjs]-Chart.js – style legend: smaller circles

by

25👍

✅

You can use the boxWidth option to influence the size of the point in the legend:

options: {
  legend: {
    labels: {
      usePointStyle: true,
      boxWidth: 6
    }
  }
}

read the documentation of chartjs about legend

2👍

Chartjs 4.3.0:

in options.plugins.legend.labels

  • boxHeight alone works for me and sets the image size (circle by default)
  • boxWidth sets the distance to the following label text

chartjs Legend Documentation

Leave a comment