chart undefined in ng2-charts

I have two components, one inside the other.

I embed <app-graph></app-graph> into customer-dashboard.component.html', that part works, shows my initial graph.

The inner component:

import { Component, OnInit, ViewChild } from '@angular/core';
import { BaseChartDirective } from 'ng4-charts/ng4-charts';
import { InputData } from '../../inputdata';
import { DataProcessing } from '../../dataProcessing';
import { LabelOptions } from '../../labelOptions';


@Component({
  selector: 'app-graph',
  templateUrl: './graph.component.html',
  styleUrls: ['./graph.component.css']
})
export class GraphComponent {

   @ViewChild("baseChart") private chart: BaseChartDirective;


    private showSpinner = false;

  private parser: LabelOptions = new LabelOptions();
    private processor: DataProcessing = new DataProcessing();
    private chartLabels = ["a", "b", "c"];
    private chartData = [{ data: [1, 2, 4], label: 'mock' }];


    constructor(){
  };


  public chartOptions:any = {
    responsive: true
  };

  doSmth(){
    console.log(this.chart);
  }
}

The outer component:

import { Component, ViewChild} from '@angular/core';
import { OnInit } from '@angular/core';
import { Validators, FormGroup, FormControl } from '@angular/forms'
import { StatsRetrievingService } from '../../services/stats-retrieving/stats-retrieving.service';
import { Data } from '../../models/data.model';
import { DatePipe } from '@angular/common';
import { Observable } from 'rxjs';
import { IMyDrpOptions,  IMyDateRangeModel } from 'mydaterangepicker';
import { LabelOptions,  } from '../labelOptions';
import { ActivatedRoute } from '@angular/router';
import { MyDateRangePicker } from '../mydaterangepicker';
import { GraphComponent } from './graph/graph.component';
import { InputData } from '../inputdata';
import {SimpleChanges} from '@angular/core';


@Component({
  selector: 'app-customer-dashboard',
  templateUrl: './customer-dashboard.component.html',
  styleUrls: ['./customer-dashboard.component.css']
})


export class CustomerDashboardComponent {

  private graph = new GraphComponent();





  ngOnInit() {
    this.graph.doSmth();
  }
}

I don't know why when I try to display this.chart is undefined, however if I put console.log(this.chart) inside onInit() of GraphComponent it works, but only there, I cannot access this.chart from anywhere of GraphComponent.