Внедрить наблюдаемый интервал для выборки данных за периодическое угловое время 6

Question

Допустим, у меня есть веб-страница, которую я создаю с помощью Angular 6, я хочу сделать некоторую автоматическую перезагрузку или автоматическую выборку данных в периодическое время.Я искал ключ к разгадке, и единственное, что я использую, это интервал, наблюдаемый по угловым значениям.

Мой вопрос: как его использовать, когда процесс получения данных проходит через извлечение API?Я даю свой код ниже:

dashboard.component.ts

import { interval } from 'rxjs';
import { Observable } from 'rxjs';
import { take } from 'rxjs/operators';

export class DashboardComponent implements OnInit {
  constructor(private countryunitservice: CountryunitService){
     const theme = this.chartTheme;
     this.Highcharts.theme = theme;
     this.Highcharts.setOptions(theme);
  }
  ngOnInit() {
   this.countryunitservice.getTicketCountryUnit().subscribe((res)=>{
     this.temp = Object.values(res).map(val => +val);
   this.Highcharts.chart({
    chart: {
       type: 'column',
       renderTo:'chartContainer',
   },

   title: {
       text: 'IDN'
   },

   subtitle: {
       text: 'Country Unit'
   },

   xAxis: {
       categories: ['In Queue', 'On Progress', 'Finished', 'Failed']
   },

   series: [{
       type: 'column',
       colorByPoint: true,
       data: this.temp,
       showInLegend: false
   }]
 });
})
}

И это мой CountryUnitService.ts:

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
 })
export class CountryunitService {
  baseUrl:string = "https://blabla.id/rest/test";
  constructor(private httpClient : HttpClient) { }
  getTicketCountryUnit(){
    return this.httpClient.get(this.baseUrl);
  }
 }