uniapp引入图表ucharts方法

Ucharts官网https://demo.ucharts.cn/#/
HBuilderX插件市场https://ext.dcloud.net.cn/

①进入HBuilderX插件市场安装ucharts插件
②进入ucharts官网找到需要的图表复制代码
③粘贴到项目中的pages或者组件中

一、安装插件

  1. 进入插件市场搜索ucharts
    在这里插入图片描述

  2. 找到这个插件之后双击它
    在这里插入图片描述

  3. 点击旁边安装(最省心的方式就是直接使用HBuilderX导入,需要登录,输入验证码),它会自动安装好
    在这里插入图片描述

  4. 安装完后会生成一个这样的目录
    在这里插入图片描述

二、使用ucharts

  1. 进入ucharts官网,找到演示
    在这里插入图片描述

  2. 找到你需要的图表,点击示例代码
    在这里插入图片描述

  3. 复制代码
    在这里插入图片描述

  4. 粘贴到你的项目中(下图两个地方任选其一都可以)
    如果运行一直加载中不出来,需要将onReady换成created或则mounted
    在这里插入图片描述

  5. 然后运行查看就可以了
    在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

又又爱拍照

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值