ChartJS 如何在Angular (v14.2.12)中将PrimeNG(v14.2.2)甜甜圈标签的位置更改为左侧

de90aj5v  于 2023-02-12  发布在  Chart.js
关注(0)|答案(1)|浏览(130)

我正尝试将圆环图标签的位置对齐到左侧。但无法执行此操作。我正在按以下方式设置配置。

this.options = {
      legend: {
        position: 'left',
        align: 'center',
        labels: {
          fontSize: 8  
        }
      },
    };

<p-chart type="doughnut" #pchart [data]="data" width="25vw" height="45vh"[options]="options">

我在PrimNG页面上找不到任何相同的文档。也可以在chartiderjs页面上找到相同的文档,并应用了一些配置,但仍然无法做到。
也试试下面的代码

options: {
        plugins: {
          legend: {
            position: 'left'
          }
        }
      }

但是结果还是一样的。我也检查了一些旧的帖子,但是都不起作用。

xzlaal3s

xzlaal3s1#

通过应用此配置,我能够将标题放在圆环图的左侧。

this.options = {
  responsive: true,
  plugins: {
    legend: {
      position: 'left',
    }
  }
}

相关问题