本文介绍了如何使用element-vue和echarts（5.0.2）创建一个竖状树形图，展示组织机构。通过修改一位博主的示例，将曲线样式改为直角。文章强调了理解echarts的数据结构和symbol类型的重要性，并提供了一段关于tree关键属性设置的代码片段，但完整的实现代码未给出。
需求：用element-vue + echarts（5.0.2）搞一个竖状树形图，实现展示组织机构。大概如图1-1：
代码可能会比较乱，因为想把能遇到的各种情况都展示一下，给以后善忘的自己做个笔记。代码由https://www.jb51.net/article/205503.htm这位博主（简称A大哥）的示例简单改动而来，感谢A大哥示例。A大哥的效果是曲线的，但是我升级了一下echarts的版本，加了个属性就改成了上图这种直角。
我实在是前端小白，每次都是临阵上场救个急，这次稍微接触类型多点，记录一下，不至于以后再忘。 朋友们参考的时候看下自己的echarts版本，比这个低的话可能有的属性方法不支持。可以升级一下版本哈，很快的~
知识点：
1. echarts symbol的类型，可圆形，可矩形，可三角，可图片等等，参考地址：echarts
最低0.47元/天 解锁文章
扫一扫
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
