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

要删除ng2-chart条形图中条形顶部的百分比计算，可以通过修改ng2-chart的配置参数来实现。

首先，ng2-chart是一个基于Angular的图表库，用于在前端开发中绘制各种类型的图表。条形图是其中一种常见的图表类型。

要删除条形图顶部的百分比计算，可以通过设置ng2-chart的配置参数来控制。具体的步骤如下：

在组件中引入ng2-chart库，并在模板中使用条形图组件。

import { Component } from '@angular/core';

@Component({
  selector: 'app-bar-chart',
  template: `
    <div style="display: block">
      <canvas baseChart
              [datasets]="barChartData"
              [labels]="barChartLabels"
              [options]="barChartOptions"
              [legend]="barChartLegend"
              [chartType]="barChartType"
              (chartHover)="chartHovered($event)"
              (chartClick)="chartClicked($event)"></canvas>
    </div>
  `
})
export class BarChartComponent {
  // 组件的其他代码
}

在组件中定义条形图的数据和配置参数。

import { Component } from '@angular/core';

@Component({
  selector: 'app-bar-chart',
  template: `
    <!-- 组件模板代码 -->
  `
})
export class BarChartComponent {
  public barChartData: any[] = [
    { data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A' },
    { data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B' }
  ];
  public barChartLabels: string[] = ['January', 'February', 'March', 'April', 'May', 'June', 'July'];
  public barChartOptions: any = {
    // 设置其他配置参数
    scales: {
      yAxes: [{
        ticks: {
          beginAtZero: true
        }
      }]
    },
    plugins: {
      datalabels: {
        display: false // 设置为false，隐藏顶部的百分比计算
      }
    }
  };
  public barChartLegend = true;
  public barChartType = 'bar';

  // 组件的其他代码
}

在上述代码中，我们通过设置barChartOptions中的plugins.datalabels.display为false，来隐藏条形图顶部的百分比计算。

在组件中处理其他的逻辑和事件。

import { Component } from '@angular/core';

@Component({
  selector: 'app-bar-chart',
  template: `
    <!-- 组件模板代码 -->
  `
})
export class BarChartComponent {
  // 组件的其他代码

  public chartHovered(event: any): void {
    // 处理鼠标悬停事件
  }

  public chartClicked(event: any): void {
    // 处理图表点击事件
  }
}

通过上述步骤，我们可以在ng2-chart的条形图中删除顶部的百分比计算。这样，条形图将只显示数据，而不显示百分比。

推荐的腾讯云相关产品：腾讯云图表可视化服务（Tencent Cloud Visualization Service），该服务提供了丰富的图表类型和配置选项，可用于快速构建各种图表，并支持自定义样式和交互功能。您可以通过以下链接了解更多信息： Tencent Cloud Visualization Service

请注意，以上答案仅供参考，具体的实现方式可能因具体的项目需求和技术栈而有所不同。