uniapp----用uCharts(组件)实现折线图效果

uniapp----用uCharts(组件)实现折线图效果

uCharts官网:https://www.ucharts.cn/v2/#/
uCharts下载地址:https://gitee.com/uCharts/uCharts
uCharts插件市场地址:https://ext.dcloud.net.cn/plugin?id=271

1.打开插件市场的地址,点击导入插件。
在这里插入图片描述
在这里插入图片描述

2.进入官网的【演示】界面,找到自己需要用的图表。(折线图举例)

在这里插入图片描述

3.点击【查看代码】,可以进行看到示例代码可以进行代码复制。(需要微信登录授权使用)

在这里插入图片描述
在这里插入图片描述

4.复制代码到需要页面上进行测试即可,如果想修改相关参数数据可以参考官方提供的文档进行修改。

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/heavenz19/article/details/129178437