Проблема инициализации Echart

Question

Когда я инициализировал echart в угловом 6 против компилятора кода, появляется ошибка:

[ts]
Аргумент типа 'Элемент' не может быть назначен параметру типа 'HTMLDivElement |HTMLCanvasElement '.
Типу "Элемент" не хватает следующих свойств из типа "HTMLCanvasElement": высота, ширина, getContext, toBlob и еще 114.[2345]

import { Component,OnInit, AfterViewInit,AfterContentInit,AfterViewChecked} 
from '@angular/core';
import { Title }     from '@angular/platform-browser';
import { HttpClient } from "@angular/common/http";
import * as echarts from 'echarts';
import { graphic } from 'echarts';
export class BarChart1Component implements OnInit, AfterViewChecked {
    var chart = document.querySelector("#chart1");
    this.myChart = echarts.init(chart);
    this.myChart.setOption(this.options);
}