如何使图表像下面的图像一样成角度

Question

由于我是Angular的新手，所以我在Graph中面临问题，我现在不知道如何使它成角度

尝试使用Chart.js和Canvasjs两者都面临问题 1.使用Chart.js，我可以像下面的图像一样创建静态图形，但是我没有从该图形的API中获取数据。

注意：除了Graph之外，我还可以使用API​​显示任何类型的数据。因此，请帮助我解决Graph的问题。

LineChart = {};

  ngOnInit() {
    // Line chart:
    this.LineChart = new Chart('lineChart', {
      type: 'line',
      data: {
        labels: ['Jan', 'Feb', 'March', 'April', 'May', 'June', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        datasets: [{
          label: 'Number of Items Sold in Months',
          data: [9, 7, 3, 5, 2, 10, 15, 16, 19, 3, 1, 9],
          fill: false,
          lineTension: 0.2,
          borderColor: 'white',
          borderWidth: 1
        }]
      },
      options: {
        title: {
          text: 'Line Chart',
          display: true
        },
        scales: {
          yAxes: [{
            ticks: {
              beginAtZero: true
            }
          }]
        }
      }
    });

注意：除了Graph之外，我还可以使用API​​显示任何类型的数据。因此，请帮助我解决Graph的问题。

图应该出现

Answer 1

在初始化图表对象之前，请从API提取数据并创建数据数组，然后初始化图表对象。

如果您希望图表不断变化，请使用Observables连续获取数据并不断更新图表。