Как добавить гладкий ie график в Angular 8

Question

Я очень новичок в Angular 8, я добавляю гладкую ie диаграмму в мою Angular 8, нет никакого учебника в Google Smooth ie Диаграмма, добавленная к angular 8, поможет мне решить эту проблему или приведите примеры

1. npm установите smooth ie добавлен мой angular 8 проект
2. import {SmoothieChart} из "smooth ie"; добавлен в app.component.ts

Код:

import {SmoothieChart} from "smoothie";
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  title = 'dashboard';
  constructor(){}
    ngOnInit()
    {

      var smoothie = new SmoothieChart();

    }
}

App.component. html

<div>
  <canvas id="mycanvas" width="800" height="200"></canvas>
</div>

В Javascript гладкий ie .streamTo (document.getElementById ("chart"), 500); В angular 8 как добавить вышеуказанный код

Answer 1

Во-первых, вам нужно позволить Angular инициализировать DOM, поэтому вы не можете сделать это в ngOnInit (потому что элемент еще не вставлен в DOM), вам нужно реализовать, например, AfterViewInit и связанный с ним метод ngAfterViewInit.

Тогда вы можете использовать document.getElementById, но это не лучший способ достичь этого в Angular, вам следует использовать @ViewChild, чтобы получить связанный элемент.