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来进行查看。

Answer 1

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

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