search

deepthan / blog-angular

Angular 笔记
280 stars 58 forks source link

Angular集成echart #103

Open deepthan opened 4 years ago

deepthan commented 4 years ago

集成echart

npm install echarts

在你的组件

ts

import {
  Component,
  AfterViewInit,
  ViewChild,
  ElementRef,
} from "@angular/core";
import * as echarts from "echarts";

chartInstance: any;
@ViewChild("chart", { static: false }) chart: ElementRef;

...

ngAfterViewInit() {
    this.chartInstance = echarts.init(this.chart.nativeElement);
    this.chartInstance.setOption(LINE_OPTIONS);
}

html

  <div #chart class="chart-wrap"></div>