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

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

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

  1. this.options = {
  2. legend: {
  3. position: 'left',
  4. align: 'center',
  5. labels: {
  6. fontSize: 8
  7. }
  8. },
  9. };
  10. <p-chart type="doughnut" #pchart [data]="data" width="25vw" height="45vh"[options]="options">

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

  1. options: {
  2. plugins: {
  3. legend: {
  4. position: 'left'
  5. }
  6. }
  7. }

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

xzlaal3s

xzlaal3s1#

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

  1. this.options = {
  2. responsive: true,
  3. plugins: {
  4. legend: {
  5. position: 'left',
  6. }
  7. }
  8. }

相关问题