angular中引入echarts

qq_36987708

已于 2022-02-07 21:34:18 修改

阅读量538

点赞数 2

分类专栏：前端 echarts 文章标签： angular echarts

于 2021-05-29 11:25:57 首次发布

本文链接：https://blog.csdn.net/qq_36987708/article/details/117380539

版权

一、项目中引入

查了几个图表类的插件，发现还是echarts最好用，即免费又好看。

npm install echarts --save

（npm install echarts@5.0.2 --save 安装固定版本）（5.1.2 版本以上安装后，启动时会报错，我未解决，所以安装个更低版本的）

npm install ngx-echarts -S

(npm install ngx-echarts@5.2.1 -S)

安装完后需要安装/resize-observer，否则启动会报错

npm install @juggle/resize-observer -D

参考这个看需要安装的版本。

在Module中引入

import { NgxEchartsModule } from 'ngx-echarts';

@NgModule({
 imports: [

 NgxEchartsModule， // 引入module

 ],

})

export class AppModule { }

html中：

<div style="padding: 20px;background: #fff;" echarts [options]="currentDayPay" class="broken-

关注

专栏目录