如何使角度下的图像像下面的图像

问题描述 投票:0回答:1

由于我是New To Angular,我在Graph中面临问题,我现在不知道如何在角度上做这个

尝试使用Chart.js和Canvasjs在我都面临问题1.使用Chart.js我能够创建如下图像的静态图,但我没有得到如何从API获取此图的数据。

注意:我能够显示任何类型的数据使用API​​,除了Graph所以,请帮我这个图形的东西。

enter image description here

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
            }
          }]
        }
      }
    });

注意:我能够显示任何类型的数据使用API​​,除了Graph所以,请帮我这个图形的东西。

图应该来了

json angular api graph linechart
1个回答
0
投票

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

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

© www.soinside.com 2019 - 2024. All rights reserved.