angular - 如何在 ngx-admin 的多个 x 轴图表中加载动态数据

Question

我正在使用 ngx-admin 设置一个角度项目，并希望在“多 x 轴图表”中显示一些动态数据。标签上的数据、x 轴和 y 轴如下：- 标签应该是 ModuleI、Module II、Module III、X 轴带日期和 Y 轴带值。这些值应每十秒更新一次。我不知道如何在chart.component 中执行此操作。请帮我。

这是 chart.component.ts 文件

constructor(private theme: NbThemeService,
            private waterUsageService: WaterUsageService) 
{
    this.themeSubscription = this.theme.getJsTheme().subscribe(config => {
      const colors: any = config.variables;
      const chartjs: any = config.variables.chartjs;
       this.data = {
                  labels: this.waterDataArrayDate,
                  datasets: [{
                    label: this.waterDataArrayModule,
                    data: this.waterDataArrayValue,
                    backgroundColor: NbColorHelper.hexToRgbA(colors.danger, 0.3),
                    borderColor: colors.danger,
                    }],
                };
        this.options = {
                  /* Option data */
        }
     }
}

ngOnInit(){
    this.waterUsageService.getWaterUsageData() 
        .subscribe(data=>{
            data.forEach(item => {
              this.waterDataArrayDate.push(item.date);
              this.waterDataArrayValue.push(item.value);
              this.waterDataArrayModule.push(item.module);
            })
          });
  }