EchartInstance.setOption () не отображает линейный график в Angular 7

Question

Я пытаюсь использовать линейную диаграмму из библиотеки Echart и пытаюсь установить объект данных с помощью echartInstnace.setOption (), который не работает.

<mat-card>
        <mat-card-header>
            <mat-card-title>
                    Migration Rate
            </mat-card-title>
        </mat-card-header>
        <mat-card-content>  
         <td-chart #performanceChart id="performanceChart">
        </td-chart>
        </mat-card-content>
</mat-card>

@ViewChild("performanceChart") performanceChart: any;
ngAfterViewInit(): void {
        const option = {
            title: {
                text: 'ECharts entry example'
            },
            tooltip: {},
            legend: {
                data:['Sales']
            },
            xAxis: {
                data: ["shirt","cardign","chiffon shirt","pants","heels","socks"]
            },
            yAxis: {},
            series: [{
                name: 'Sales',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }]
        };
        this.performanceChart.instance.setOption(option);
      }