使用echarts

<div id="{{elementId}}" style="height:400px;width: 100%;"></div>

import * as echarts from 'echarts';


 constructor(private devicemgmtService: DeviceMgmtService, // 因为重写了service文件，需要重新编译的，要不然，肯定报错的！！！！找不到这个 参数！
              translate: TranslateService,
              _elementRef: ElementRef, // 如果你要是用，那么必须跟tablePage里保持一致，否则报错的！
              router: Router,
              activeRoute: ActivatedRoute,
              state: GlobalState,
              private messageService: NzMessageService,) {
    super(translate, router, activeRoute, _elementRef, state);
  }
  
 // 折线图容器
  public myChart:any;

 ngOnInit() {
    console.log(this.lineData);
     let that=this;
	 setTimeout(()=>{ // 绘制折线图必须在定时器内部，要不然取不到数据
	 // 因为div的id是动态传递进来的！so，这么做
      console.log(that._elementRef.nativeElement.querySelector("#"+this.elementId));
      that.myChart = echarts.init(this._elementRef.nativeElement.querySelector("#"+this.elementId));



	 // 使用刚指定的配置项和数据显示图表。
      this.myChart.setOption(option);
 },10)
 }

 // 数组去重函数
  dedupe(array){
    return Array.from(new Set(array));
  }

 randomColor(){
    var r = Math.floor(Math.random()*256);
    var g = Math.floor(Math.random()*256);
    var b = Math.floor(Math.random()*256);
    return "rgb("+r+","+g+","+b+")";
  }