原生小程序使用数据图表

ops/2024/12/22 19:51:59/

这里以使用ucharts为例

第一步:在已创建好的小程序项目根目录下执行npm init来初始化项目

第二步:安装所需的包 npm i @qiun/wx-ucharts

第三步:构建:在小程序开发工具中,点击工具->构建npm即可

        此时会看见项目目录中多了个miniprogram_npm文件夹,里面有@qiun文件夹。低版本开发者工具需要在本地设置中勾选使用npm模块选项

第四步:开始使用

        然后在页面的json配置文件中配置如下:

{"usingComponents": {"qiun-wx-ucharts": "@qiun/wx-ucharts"}
}

组件参数详见官网组件文档或在线演示中的代码 

https://www.ucharts.cn](https://www.ucharts.cn


http://www.ppmy.cn/ops/52895.html

相关文章

入门JavaWeb之 Response 下载文件

web 服务器接收到客户端的 http 请求 针对这个请求,分别创建一个代表请求的 HttpServletRequest 对象,代表响应的 HttpServletResponse 对象 获取客户端请求过来的参数:HttpServletRequest 给客户端响应一些信息:HttpServletRe…

如何使用Java中的WebSocket?

如何使用Java中的WebSocket? 大家好,我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编,也是冬天不穿秋裤,天冷也要风度的程序猿!今天我们来探讨如何在Java中使用WebSocket技术,实现高效的实…

Flink Sql Redis Connector

经常做开发的小伙伴肯定知道用flink连接redis的时候比较麻烦,更麻烦的是解析redis数据,如果rdis可以普通数据库那样用flink sql连接并且数据可以像表格那样展示出来就会非常方便。 历时多天,我终于把flink sql redis connector写出来了&…

汽车零配件制造行业MES系统应用价值介绍

一、引言 汽车零配件制造行业是一个技术要求高、生产环节复杂的行业,涉及大量不同种类的零部件。特别是新能源汽车的迅速发展,为了提升生产效率、保证产品质量并满足市场需求,越来越多的汽车零配件制造企业引入了MES系统。本文将详细介绍MES…

Docker 搭建 MinIO 对象存储

Docker 搭建 MinIO 对象存储 一、MinIO MinIO 是一个高性能的对象存储服务器,用于构建云存储解决方案。MinIO 允许你存储非结构化数据(如图片、视频、日志文件等)以对象的形式。MinIO 提供简单的部署选项和易于使用的界面,允许你…

GPT-5:迈向“博士级”智能的新纪元

标题:GPT-5:迈向“博士级”智能的新纪元 随着OpenAI首席技术官米拉穆拉蒂确认GPT-5将在一年半后发布,我们站在了人工智能发展的又一个重要节点。GPT-5的问世,预示着我们即将进入一个全新的AI时代。本文将从技术突破、智能系统与人…

中国星坤X2530系列线对板连接器:高密度连接的创新解决方案

在电子设备日益小型化、功能化和智能化的今天,对连接器的性能要求也越来越高。中国星坤公司最新推出的X2530系列线对板连接器,以其卓越的电气和机械性能,为消费类电子、处理器等高密度应用提供了理想的连接解决方案。 X2530系列线对板连接器以…

vue2的待办事项案例

头部组件 <template><div class"todo-header"><input type"text" placeholder"请输入你的任务名称&#xff0c;按回车键确认" keyup.enter"add"/></div> </template><script>import {nanoid} fro…