Chart.js-样式图例：较小的圆圈

Question

我已经使用chart.js创建了折线图。我使用以下命令将图例符号形式从rects更改为circle：

legend: {
  display: true,
  labels: {
    usePointStyle: true,
  },
}
我想更改圆圈的大小。但是根据文档，这只有在我还更改字体大小的情况下才有可能：

标签样式将匹配相应的点样式（大小基于fontSize，在这种情况下不使用boxWidth）。-https://www.chartjs.org/docs/latest/configuration/legend.html#legend-label-configuration

有人知道是否还有其他选择来更改大小？还是我必须使用generateLabels（）

。

这里是codePen，可以查看一下。

我已经使用chart.js创建了折线图。我使用以下命令将图例符号形式从矩形更改为圆形：图例：{display：true，标签：{usePointStyle：true，}，}我想更改...

Answer 1

您可以使用boxWidth选项来影响图例中点的大小：