1 .最后的子项,必须是name样式,不在区分 name,value。看实例,他这个value值是显示在hover出来,那这样还不如直接显示出来算了。
2 .可视化树形数据结构,具有唯一的根节点,左子树和右子树
3 .支持多个series可以组合成森林,但是还不如动态替换来显示的比较好
4 .
参数解析
1 .type:tree
2 .zlevel:用于canvas分层,不同zlevel值的图形会放置在不同的canvas中,canvas分层是一种常见的优化手段。把一些变化频繁的组件设置成一个单独的zlevl。但是过多的canvas会引起内存开销的增大,在手机端需要谨慎使用以防止崩溃
3 .z:不会创建新图层,控制组件所有图形的z值,值小的图形会被值大的图形覆盖
4 .位置大小
1 .left,right,top,bottom
2 .width,height
5 .layout:orthogonal:正常,radial:转圈圈
6 .orient
1 .LR:从左到右
2 .RL:从右到左
3 .TB:从上到下
4 .BT:从下到上
7 .图标的相关属性
1 .symbol:标记的图形,圆圈,方块,三角形,也可以是矢量图形
2 .synbolSize:标记的大小。[10,10]
3 .symbolRotate:标记旋转的角度
8 .move:true:设置鼠标可以拖动有错误。设置了不起作用
9 .ItemStyle:每个小圆点的样式,这个可以不用管,直接用默认的。
缺点
1 .找不到方法来去掉最末层的文字前面的图标
2 .还想实现一种,比如点一个层级,让他下一个层级实现展开。
3 .这个只能配置,不能自己来随心所欲的操做数据,简单来说就是使用简单,对样式类的操作支持很丰富,但是js类的操作,除非有原生接口,不然简直无能为力。。
4 .标签里面的文字会换行,导致挤压在一起,而且还没法设置每一个标签的高度
5 .padding:[100,0,0,0],这个对整体文字块加的操作,并不是单个文字标签的padding,这太坑啊
6 .点开一个,其他的都关掉。。为了显示方便。但是这些状态都不能控制。
7 .个别节点有特别长的汉字也是没法显示出来。。
9 .多个tree展示的时候,不能在开始的时候只显示一个,这样就可以做成一个tab类似的组件,显示数据方便很多。因为多个显示的时候是很杂乱的
10 .height,width:规定了这个是不能进行
11 .不能针对特定的数据来进行样式的设置,比如想把某个文字标红之类的操作。。。
12 .如何拉大每一个子项的间距。。暂时可以通过改变这个height的高度来进行调节.但是还是要在一屏显示和上下之间切换做出选择
13 .他这个文字hover是和前面的小标志连在一起的,导致你只能hover到小图标,这个体验不友好
14 .无法做出联动,比如hover最后一项,之前的所属的都亮起来。
15 .