帮我写一段前端angular统计图的代码

好的，我会为您提供一段前端Angular统计图的代码。以下是一个饼图的示例：

在您的HTML文件中，添加以下代码：

<canvas id="pieChart"></canvas>

在您的组件文件中，使用以下代码：

import { Component, OnInit } from '@angular/core';
import Chart from 'chart.js';

@Component({
  selector: 'app-pie-chart',
  templateUrl: './pie-chart.component.html',
  styleUrls: ['./pie-chart.component.css']
})
export class PieChartComponent implements OnInit {

  constructor() { }

  ngOnInit() {
    // 设置数据和样式
    const data = {
      labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
      datasets: [{
        label: '# of Votes',
        data: [12, 19, 3, 5, 2, 3],
        backgroundColor: [
          'rgba(255, 99, 132, 0.2)',
          'rgba(54, 162, 235, 0.2)',
          'rgba(255, 206, 86, 0.2)',
          'rgba(75, 192, 192, 0.2)',
          'rgba(153, 102, 255, 0.2)',
          'rgba(255, 159, 64, 0.2)'
        ],
        borderColor: [
          'rgba(255, 99, 132, 1)',
          'rgba(54, 162, 235, 1)',
          'rgba(255, 206, 86, 1)',
          'rgba(75, 192, 192, 1)',
          'rgba(153, 102, 255, 1)',
          'rgba(255, 159, 64, 1)'
        ],
        borderWidth: 1
      }]
    };

    // 设置选项
    const options = {
      responsive: true,
      title: {
        display: true,
        text: 'Pie Chart'
      },
      legend: {
        position: 'top'
      },
      animation: {
        animateScale: true,
        animateRotate: true
      }
    };

    // 绘制图表
    const pieChart = new Chart('pieChart', {
      type: 'pie',
      data: data,
      options: options
    });
  }

}

这段代码使用了Chart.js库来创建一个响应式的饼图。您可以根据自己的需求修改数据和样式。