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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • redis可视化工具使用_redis图形化

    redis可视化工具使用_redis图形化启动redis服务执行命令:redis-server.exe建立连接redis-cli.exe-h127.0.0.1-p6379搞一条件数据key1–>myRedis下载redisClient客户端只有一个exe文件,不用安装,直接打开就行添加连接后可以看到一共有16个库,刚才添加的数据已经在缓存数据库里边了done!!!…

    2022年10月10日
  • Linux配置IP地址的方法

    Linux配置IP地址的方法ifconfig命令临时配置IP地址ifconfig命令:查看与配置网络状态的命令//查看当前网络状态#ifconfig//配置网卡的临时生效的IP地址#ifconfigeth0192.168.0.200netmask255.255.255.0//配置网关routeadddefaultgw192.168.0.1setup工具永久配置IP地址RedHat专有图形化工具

  • Seata-Saga模式 原理

    Seata-Saga模式 原理1Saga模式示例1.1Saga状态机工具状态机设计组件:seata-saga-statemachine-designer状态机在线画图工具:saga_designer1.2代码示例github上Seata-sample有完整的示例代码,SeataSaga模式中有此示例的完整介绍和分析。这里仅摘取部分和介绍原理有关的代码进行分析。1.2.1初始化dbmysql示例:CREATETABLEIFNOTEXISTS`seata_state_machine_def`(

  • 盘点:崛起中的九大HTML5开发工具

    盘点:崛起中的九大HTML5开发工具HTML5被看做是Web开发者创建流行Web应用的利器,增加了对视频和Canvas2D的支持。HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来,如Adobe的Flash和微软的Silver

  • oracle协议适配器错误tns,ORA-12560: TNS: 协议适配器错误 常见原因

    oracle协议适配器错误tns,ORA-12560: TNS: 协议适配器错误 常见原因或者报以下错误(Listenerrefusedtheconnectionwiththefollowingerror:ORA-12514,TNS:listenerdoesnotcurrentlyknowofservicerequestedinconnectdescriptorTheConnectiondescriptorusedbythecli…

  • HTML复选框_HTMLcheckbox代码

    HTML复选框_HTMLcheckbox代码①将type类型设为"checkbox"②name=""用来设置变量名③value=""用来设置变量默认值④<input>

发表回复

您的电子邮箱地址不会被公开。

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