fishineye的专栏

H5有很多树形图（树状图）的组件，echarts也有。比如像bootstrap的treeview，定制性很强。不过这些都无法方便地为小程序所用，除非整个页面用H5搭建再用webview框进去，有点粗暴。所以还是自己写一个简单的树形图组件试试。最终效果如下：新建一个微信小程序项目，在app.json的pages里添加这么一行，"pages":[ "pages/index/index", "pages/logs/logs", "pages/components/mytree

在开发中，有时候会遇到展示一些人物关系，上下级关系等相关需求，使用树状图可以清晰的表达出来首先看下目录结构- component - echarts - ec-canvas.js - ec-canvas.json - ec-canvas.wxml - ec-canvas.wxss - echarts.min.js - wx-canvas.js- pages - treeView ...

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><

微信小程序初次创建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.