在Chart.js 3.x版中更改折线图上所有点的文本大小

qpgpyjmq  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(210)

我想在Chart.js中更改折线图上所有点的文本大小。我的代码:

const config = {
            type: 'line',
            pointDot: false,
            pointLabelFontSize: 20,
            data: data,
            plugins: [ChartDataLabels],
            options: {

                plugins: {

                      legend: {

                        labels: {

                          font: {
                            size: 30
                          }
                        }
                      },
                      datalabels: {
                            align: 'top',
                            anchor: 'end'
                        }
                    },
                scales: {
                    x: {
                        title: {
                            display: true,
                            text: 'Prezzo',
                            font: {
                                size: 30
                              }
                        },
                        ticks: {
                            font: {
                                size: 22,
                            }
                        }
                    },
                    y: {
                      title: {
                        display: true,
                        text: 'Capitale',
                      font: {
                          size: 30
                        }
                      },

                  ticks: {
                    font: {
                        size: 22,
                    }
                }

                    }
                },

            }
          };

如果您想创建一个新的图表,请使用以下命令:
我搜索了这个论坛并阅读了文档,但是没有找到。我需要一个例子。谢谢

h7wcgrx3

h7wcgrx31#

您可以更改DataLabels插件的字体选项。

datalabels: {
  font: {
    size: 30
  },
  align: 'top',
  anchor: 'end'
}

相关问题