angular使用可视化图表百度echarts

Angular

Angular使用百度的数据可视化图表echarts,安装使用步骤如下

1. 安装echarts包、ngx-echarts包
npm install echarts --save
npm install ngx-echarts --save

2. angular.json中引入echarts.js文件
"scripts": [ "node_modules/echarts/dist/echarts.js" ]

3. 根模块中导入NgxEchartsModule模块
import {NgxEchartsModule} from 'ngx-echarts';
imports: [ NgxEchartsModule ]

4. 组件中使用echarts图表
<div echarts [options]="chartOption" class="demo-chart" style="width: 100%; height: 560px;"></div>

我的博客,记录,笔记