angular component not getting array data from angular service

As shown in the documentation here: https://angular.io/guide/http, move the subscribe to the component. Then you can add whatever code you need within the subscribe.

getStatsbyDate(date) {
    this.http.get(this.BASE_URL + '/stats/' + date)
      .pipe(
        tap(res => {
            this.btnsOnResponse = true; 
            this.statsModel = res.json(); 
            // console.log(this.statsModel);                              
        }),
        catchError(err => console.log("Couldn't fetch data"))
    );
}

export class FusionChartsComponent implements OnInit {
  constructor(private webService: WebService) {}
  ngOnInit() {
     this.webService.getStatsbyDate().subscribe(
         data => {
             console.log(data);
             console.log(this.webService.statsModel.answeringMachine);
     });
  }
}

EDIT

If you need the service to retain its data to share with other components, you can do something like this:

@Injectable()
export class MovieService {
    private moviesUrl = 'api/movies';
    private movies: IMovie[];

    constructor(private http: HttpClient) { }

    getMovies(): Observable<IMovie[]> {
        if (this.movies) {
            return of(this.movies);
        }
        return this.http.get<IMovie[]>(this.moviesUrl)
                        .pipe(
                            tap(data => console.log(JSON.stringify(data))),
                            tap(data => this.movies = data),
                            catchError(this.handleError)
                        );
    }
}

Each component can subscribe like this:

this.movieService.getMovies().subscribe(
    (movies: IMovie[]) => this.movies = movies,
    (error: any) => this.errorMessage = <any>error
);

The first component that calls the service will cause it to send the http get request which will get the data. It then stores that data in a private property. All other calls with get the already retrieved data (as shown in the if block).

Since all of the components are subscribing, you can add whatever code within the subscribe method. That code will then not execute until it has the data it needs.

Most developers consider it to be "best practice" to subscribe as close to the UI as possible. This also makes it much easier to write code that is only executed after the data is returned.

I have a complete example of this here: https://github.com/DeborahK/MovieHunter-communication/tree/master/MH-Take4