Question

所以我想在我的饼图中隐藏我的传奇，因为52个标签占用了太多空间，但我无法在primeNG中找到方法。

我的代码：

chart.component.html

    <p-chart type="doughnut" [data]="monthlyTeamCost"></p-chart>

我的component.ts中的声明

this.monthlyTeamCost = {
                    labels: team,
                    options: {labels: {display: false}},
                    datasets: [
                        {
                            data: amount,
                            backgroundColor: colorArr,
                        }],
                    };

因此所有数据都很好，只需要隐藏标签。提前致谢

Answer 1

您需要将选项绑定到这样的对象：

<p-chart type="doughnut" [data]="monthlyTeamCost" [options]="chartOptions"></p-chart>

然后在你的TS文件：

this.chartOptions = {
  legend: {display: false}
}

Prime NG是Chart.JS的绑定（用于绘制图书馆的一部分），因此您可以在Chart.JS网站上找到详尽的选项列表：http://www.chartjs.org/docs/latest/

Answer 2

您可以这样做。

HTML：

<p-chart type="horizontalBar" [data]="data" [options]="options"></p-chart>

在您的TS文件中：

options = {
  legend: {display: false}  
}

在PrimeNG隐藏传奇

2 个答案: