Как загрузить динамические данные в таблицу с несколькими осями X в ngx-admin - PullRequest
Новая
       16

Как загрузить динамические данные в таблицу с несколькими осями X в ngx-admin

0 голосов
/ 18 июня 2019

Я настраиваю угловой проект с помощью 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);
            })
          });
  }
...