如何将动态值作为对象内的数据传递给折线图？

Question

我使用折线图来显示x轴的时间值和y轴的车辆速度，这两个值都需要来自api。截至目前，我正在使用静态值，如

playback.component.ts：

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

@Component({
  selector: 'app-play-back',
  templateUrl: './play-back.component.html'
})
export class PlayBackComponent {
  // lineChart
  public lineChartData:Array<any> = [
    {data: [65, 59, 80, 81, 56, 55], label: 'travelled details'}
  ];
  public lineChartLabels:Array<any> = ['12:00 AM', '4:00 AM', '8:00 AM', '12:00 PM', '4:00 PM', '8:00 PM'];
  public lineChartOptions:any = {
    responsive: true
  };
  public lineChartLegend:boolean = true;
  public lineChartType:string = 'line'; 
}

而不是数据和标签中的这个静态值，我必须从api传递动态值，这是以对象的形式。这些值存储在图表详细信息中，如图像

我现在将整数作为数据值传递给静态，但实际上我需要从数据中的api传递对象，从x轴中的图表详细信息对象fixTime值和y轴中的速度值。请帮我解决这个问题。

Answer 1

使用formatAMPM作为助手，您可以制作如下内容：

required