如何在ng2-chart条形图中删除条形顶部的百分比计算

Question

我正在尝试在Angular 5中使用ng2-chart创建条形图。它创建得很好，但我认为我缺少一些配置，因为我在最多2条柱形的顶部获取了百分比计算。我要删除这些百分比

我在package.json中使用ng2-charts（1.6.0），chart.js（2.7.2）。 我尝试在chartjs.org上使用条形图的配置，但无法删除这些条形的百分比计算。 在html

<canvas baseChart
    height='260px'
    [datasets]="barChartData"
    [labels]="barChartLabels"
    [options]="barChartOptions"
    [colors]="chartColors"
    [legend]= "false"
    [chartType]="barChartType">
</canvas>

在组件中

public barChartType: ChartType = 'bar';
public barChartOptions: ChartOptions = {
    responsive: true,
    scales: { xAxes: [{}], yAxes: [{ticks: {beginAtZero: true}}] },
    plugins: { datalabels: { anchor: 'end', align: 'end', } }
};

public barChartData = [ { data: [7,4,1,5,3,1,2,1]} ],
public barChartLabels = ['25/03','26/03','27/03','28/03','29/03','30/03','31/03','01/04','02/04',],
public chartColors = [ {backgroundColor: '#fa9cb0'} ]

我想要简单的酒吧，在这些酒吧的上方没有这些随机百分比。 仅出于信息目的，它的价值很小。对于

之类的值

[12,22,34,53,65,73,23,45]

很好。

请让我知道，我该如何删除栏顶部的那些百分比。我还需要使用其他配置吗？

Answer 1

我进一步查看了这个问题，发现在我的项目中创建了全局插件，该插件为每种图表类型错误地实现，而没有任何可配置的属性。

Chart.plugins.register({ // plugin implementation });

引用此链接ChartJs Plugin

Answer 2

您可以使用插件：'chartjs-plugin-labels' 来解决这个问题，这里是将插件添加到您的 Angular 项目的信息：

https://emn178.github.io/chartjs-plugin-labels/

在项目中安装插件后，您必须使用以下代码片段在图表的 .ts 文件中添加库：

import 'chartjs-plugin-labels';

并在插件变量部分添加以下代码：

 labels: {
  render: false
}