ng2- chart :如何在图表中显示百分比值？

在ng2-chart中显示百分比值可以通过以下步骤实现：

首先，确保你已经安装了ng2-chart库，并在你的项目中引入了相应的模块。
在你的组件中，创建一个变量来存储图表的数据。例如，你可以创建一个名为chartData的变量，并将图表数据赋值给它。
在HTML模板中，使用ng2-chart提供的组件来显示图表。例如，你可以使用<canvas>元素来创建一个柱状图，并将chartData变量作为输入属性传递给该组件。
在图表组件中，使用ng2-chart提供的配置选项来设置图表的样式和行为。例如，你可以使用options属性来设置图表的标题、轴标签等。
要在图表中显示百分比值，你可以使用ng2-chart提供的回调函数来自定义图表的标签。例如，你可以使用tooltips属性中的callbacks选项来定义一个回调函数，该函数将返回一个包含百分比值的字符串。

下面是一个示例代码，展示了如何在ng2-chart中显示百分比值：

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

@Component({
  selector: 'app-chart',
  template: `
    <div>
      <canvas baseChart
              [data]="chartData"
              [options]="chartOptions"
              [plugins]="chartPlugins"
              [legend]="chartLegend"
              [chartType]="chartType"></canvas>
    </div>
  `
})
export class ChartComponent {
  chartData = {
    labels: ['Red', 'Blue', 'Yellow'],
    datasets: [
      {
        data: [300, 50, 100],
        backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56'],
        hoverBackgroundColor: ['#FF6384', '#36A2EB', '#FFCE56']
      }
    ]
  };

  chartOptions = {
    tooltips: {
      callbacks: {
        label: (tooltipItem, data) => {
          const dataset = data.datasets[tooltipItem.datasetIndex];
          const total = dataset.data.reduce((previousValue, currentValue) => previousValue + currentValue);
          const currentValue = dataset.data[tooltipItem.index];
          const percentage = Math.floor((currentValue / total) * 100 + 0.5);
          return percentage + '%';
        }
      }
    }
  };

  chartPlugins = [];

  chartLegend = true;

  chartType = 'doughnut';
}

在上面的示例中，我们创建了一个饼图，并使用chartOptions中的回调函数来计算每个数据项的百分比值，并在鼠标悬停时显示在图表上。

请注意，这只是一个示例代码，你可以根据自己的需求进行修改和扩展。另外，如果你想了解更多关于ng2-chart的信息，可以参考腾讯云提供的ng2-chart产品介绍。