Angular2或Angular4使用echarts，ngx-echarts

版权声明：本文为博主原创文章，欢迎转载，但请注明作者及文章出处，博文有什么不正之处欢迎指正。 https://blog.csdn.net/try_try_try/article/details/80944852

Angular2或Angular4使用echarts，ngx-echarts

---

1> 安装

npm install echarts --save
npm install ngx-echarts@2.2.0 --save

2> 配置 .angular-cli.json

"scripts": [
        ...
        "../node_modules/echarts/dist/echarts.min.js"
    ],

3> 引入NgxEchartsModule：在需要使用的模块引入

import {NgxEchartsModule} from "ngx-echarts";

@NgModule({

  imports: [
   ...
    NgxEchartsModule,
  ],

})
export class AppModule {}

4.注意ngx-echarts版本问题

• 使用ngx-echarts 需要Angular版本大于等于2 (ver >= 2.x) ,ECharts版本大于等于3 (ver >=
  3.x).

• 如果Angular版本大于等于6(ver >= 6.x)，ngx-echarts可使用版本v3.1.0

• 如果Angular版本小于6(ver < 6.x)，ngx-echarts可使用版本v2.2.0