![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WeiXin
文章平均质量分 58
fishineye
这个作者很懒,什么都没留下…
展开
-
微信小程序实现简单的树形图treeview
H5有很多树形图(树状图)的组件,echarts也有。比如像bootstrap的treeview,定制性很强。不过这些都无法方便地为小程序所用,除非整个页面用H5搭建再用webview框进去,有点粗暴。所以还是自己写一个简单的树形图组件试试。最终效果如下:新建一个微信小程序项目,在app.json的pages里添加这么一行,"pages":[ "pages/index/index", "pages/logs/logs", "pages/components/mytree转载 2021-05-07 16:27:14 · 3860 阅读 · 1 评论 -
微信小程序 —— 使用ECharts实现树状关系图
在开发中,有时候会遇到展示一些人物关系,上下级关系等相关需求,使用树状图可以清晰的表达出来首先看下目录结构- component - echarts - ec-canvas.js - ec-canvas.json - ec-canvas.wxml - ec-canvas.wxss - echarts.min.js - wx-canvas.js- pages - treeView ...转载 2021-03-30 16:59:19 · 1853 阅读 · 0 评论 -
【微信小程序】小程序引入echarts统计图
1、下载2、引进到项目中3、.json配置组件引入{ "usingComponents": { "ec-canvas": "../../ec-canvas/ec-canvas" }}4、.wxml使用组件<view class="box"> <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas><原创 2021-03-30 16:31:39 · 665 阅读 · 0 评论 -
微信小程序初次创建echarts并简单使用的详细过程
微信小程序初次创建echarts并简单使用的详细过程首先新建微信小程序然后创建好新的页面将ec-canvs文件放在小程序文件的根目录然后打开微信开发者工具,在home.json中引用组件在home.wxml中加入wxml固定代码<view class="container"> <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canva.转载 2021-03-27 16:48:30 · 631 阅读 · 0 评论