ngx-echarts的使用

ngx-echarts的使用

ngx-echarts相关网址

  1. ngx-echarts地址
  2. echarts4.0+百度官网
  3. ngx-echarts github地址

安装 v2.2.0版本

  • v3.1.0 for Angular >= 6

  • v2.2.0 for Angular < 6

    目前,我们使用的是angular5,因此我们安装ngx-echarts@2.2.0,echarts版本选择4.1.0。

npm install echarts@4.1.0 --save
npm install ngx-echarts@2.2.0 --save
复制代码

引入

  1. 在angular-cli.json中引入echarts

     {
          "name": "ebiz-workspace",
          "root": "apps/ebiz-workspace/src",
          "outDir": "dist/apps/ebiz-workspace",
    		...
          "scripts": [
            "../../../node_modules/echarts/dist/echarts.min.js"
          ],
         	...
        },
    复制代码
  2. 在module中引入

    import { NgxEchartsModule } from 'ngx-echarts';
    @NgModule({
      imports: [
      ...
        NgxEchartsModule,
        ...
      ]
      ...
      })
    复制代码

转载于:https://juejin.im/post/5b751387f265da27fe3f2a07

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/101488.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • django分页器的用法_SQL分页

    django分页器的用法_SQL分页前言当后台返回的数据过多时,我们就要配置分页器,比如一页最多只能展示10条等等,drf中默认配置了3个分页面PageNumberPagination:基础分页器,性能略差LimitOffsetP

    2022年7月31日
    5
  • 2019版idea激活码(破解版激活)[通俗易懂]

    2019版idea激活码(破解版激活),https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月17日
    696
  • wed后端和java的区别_web前端和web后端的区别详细分析

    wed后端和java的区别_web前端和web后端的区别详细分析原标题:web前端和web后端的区别详细分析在刚开始从事web开发时,首先要选准学习方向,看是想从事前端部分还是后端程序部分。当然在工作的后期,就不会分的那么细致了。做前端到后期也会懂一些后端的技术,反之,后端也是。本文创客学院讲师解析一下web前端和后端的区别有哪些?web前端和web后端的区别详细分析:Web前端:1.精通HTML,能够书写语义合理,结构清晰,易维护的HTML结构。2.精…

    2022年6月21日
    21
  • JavaSE:Java9 新特性

    JavaSE:Java9 新特性1.Java9概述Java发布于2017年9月发布,带来了很多新特性,其中最主要的变化是模块化系统模块就是代码和数据的封装体,模块的代码被组织成多个包,每个包中包含java类和接口,模块的数据则

    2022年7月4日
    27
  • eclipse新手使用教程_eclipse的使用方法

    eclipse新手使用教程_eclipse的使用方法Eclipse是Java的集成开发环境,使用Eclipse编写Java代码更加简单和智能,那我们该如何使用Eclipse编写一个Java程序呢?一、需要在Eclipse官网(https://www.eclipse.org)上下载Eclipse,然后在电脑上安装二、打开Eclipse软件(一)选择一个工作空间的目录,建议不要放在C盘,之后创建的项目都会存放在你所选的目录下,然后点击Launch(二)可以通过Window-ShowView-Console调出控制台,方便查看程序编译时的输..

    2022年4月20日
    41
  • nginx设置ip访问就跳转域名_php页面跳转方法

    nginx设置ip访问就跳转域名_php页面跳转方法目的:将所有wangqiao123.comabc.wangqiao123.com域名自动跳转到www.wangqiao123.comserver{listen80;server_namewangqiao123.comabc.wangqiao123.com;…

    2022年10月4日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号