小程序图表功能wxchart实现
2024-08-26 12:42:40
在开发小程序过程中,有项目用到图表功能,
其实Echart.js有小程序的库,我们要吧引入进来,然后配置初始化一下,就可以达到目的了.接下来就开始步骤吧
首先下载JS库:http://download.csdn.net/download/qq_36431166/10047018
下载放到目录中
大家可能看到上面还有SDK插件,那是腾讯地图在小程序当中的应用,在下一文章给大家介绍如何使用它来定位
引入进来之后,根据基本文档的介绍首先要写一个canvas
然后在JS文件中引入,我用的是require,当然也可以用import 方法
然后在生命周期onLoad方法里加载初始化图表
首先介绍下,charts.js有几种图表形式
- 饼图 pie
- 线图 line
- 柱状图 column
- 区域图 area
canvasId就是在新建canvas画布时候的id值,其它属性直接对照效果图看吧!
以上是线形图
以上是饼图
以上是柱状图
以上是区域图
具体数据情况,跟图形根据项目的情况而定.
最新文章
- java开发模式学习
- SEO是企业发展的永恒主题
- web_custom_request应用示例
- 005医疗项目-模块一：用户的查找：1.用户表查询的sql语句
- uploader上传
- curl 发送带有Authorization的post请求命令
- POJ 1562 Oil Deposits (并查集 OR DFS求联通块)
- web 之MVC
- linux终端下文件不同颜色的含义
- ORACLE里锁有以下几种模式,v$locked_object,locked_mode【转】
- Spring-shiro源码陶冶-DefaultFilter
- 中断下半部处理之tasklet
- select设置text的值选中（兼容ios和Android）基于jquery
- tee命令使用
- todolist---插入和删除----vue
- WPF应用程序exe接收参数
- swarm on ubuntu
- 标准JSF的生命周期
- Zuul Timeouts
- netcore配置文件与发布