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>