npm i ngx-bucket-echarts-lib

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app.routing';
 
import { NgxEchartsLibModule } from 'ngx-bucket-echarts-lib';
 
import { AppComponent } from './app.component';
 
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    NgxEchartsLibModule.forRoot(),
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

export class EchartLibComponent implements OnInit {
  public options = {
    yAxis: {
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'bar'
    }]
  };
  constructor(
    public chartService: NgxEchartsLibService
  ) {
  }
 
  ngOnInit() {
    // 可全局统一设置颜色等统一的主题样式传入Chart类别
  
    // this.chartService.initOption({
    //   color: ['#000', '#ff0000', '#ddd', '#333']
    // });
  }
 
  clickChart(ev: Event) {
    console.log(ev);
  }
 
  afterChart(chart) {
    chart.on('contextmenu', (e) => {
      console.log(e, 1);
    });
  }
}

this.cloud = new WordCloudChart({
  sizeRange: [40, 160],
  setData: [
    {
      name: 'Farrah Abraham',
      value: 66
    },
    {
      name: 'asd',
      value: 366
    },
    {
      name: 'qwe',
      value: 136
    },
    {
      name: 'dfg',
      value: 310
    },
    {
      name: 'qfv',
      value: 240
    }
  ]
});