Angular8引入百度Echarts进行图表分析的实现代码

npm install echarts -S
npm install ngx-echarts -S
npm install @types/echarts -D

{
 "scripts": [
  "../node_modules/echarts/dist/echarts.min.js" // or echarts.js for debug purpose
 ],
}

import { NgxEchartsModule } from 'ngx-echarts';
 
@NgModule({
 imports: [
  ...,
  NgxEchartsModule
 ],
 ...
})
export class AppModule { }

<div echarts [options]="chartOption" class="demo-chart"></div>

.demo-chart {
 height: 400px;
}

import { EChartOption } from 'echarts';
chartOption: EChartOption = {
 xAxis: {
  type: 'category',
  data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
 },
 yAxis: {
  type: 'value'
 },
 series: [{
  data: [820, 932, 901, 934, 1290, 1330, 1320],
  type: 'line'
 }]
}