PrimeNG PIE 图表值未显示在 Slice 上 - 如何在默认加载时显示值而不是悬停

Question

前端

<td>
  <div class="p-col-8 ui-toolbar-group-right">

    <button pButton type="button" icon="pi pi-search" (click)="populate_charts()"></button>

  </div>
</td>

TS-文件

this.pieOptions = {
  responsive: true,
  labels: {
    render: 'label'
  },


  legend: {
    position: 'right',

  },
  title: {
    display: true,
    text: 'sample chart',
    fontSize: 16
  },
}

Answer 1

PrimeNG 图表基于 chart.js https://www.chartjs.org/docs/latest/

所以基本上您正在为此寻找解决方案。幸运的是，已经有一个 SO 线程 - 答案似乎比仅启用一个选项要复杂一些。

PrimeNG PIE 图表值未显示在 Slice 上 - 如何在默认加载时显示值而不是悬停

PrimeNG PIE chart values are not displayed on Slice - how to show values on default load instead of hover over

label

pie-chart

primeng

angular