哎呦，亲喜欢的细小伙伴们，你们晓得Echarts Tree吗嗯？是不是听起来有点高大巨大上呢？别急，我来给你们优良优良说说保证通俗容易懂，就像我细小时候kan动画片一样轻巧松好玩！

啥是Echarts Tree？

Echarts Tree是Echarts这玩意儿神奇的图表库中的一个功Neng。Echarts呢，就像是一个魔法盒子，Neng把各种麻烦的数据变成优良kan的图表，让巨大家一kan就懂。而Echarts Tree就像这玩意儿盒子里的一个特别的细小工具，专门用来展示那种像树一样层层分级的结构数据。

树形结构数据，你懂吗？

树形结构数据， 就是那种像一棵树一样的东西，有根，有枝，有叶，个个节点下面Neng连接geng许多的节点。比如公司里的组织结构，老板是根，下面有副经理、经理，再下面是员工，这就是一个典型的树形结构。

怎么用Echarts TreeZuo数据可视化呢？

要用Echarts TreeZuo数据可视化，先说说你得有一份数据。这玩意儿数据得是树形结构的，然后你就Neng按照以下步骤来操作了：

1. 创建一个Echarts图表的实例。
2. 设置图表的配置项，包括提示框、树形图系列等。
3. 把数据放进去。
4. 把这玩意儿实例设置到你的网页上。

比如你Neng这样写代码：

let myChart = echarts.init);
let option = {
    tooltip: {
        trigger: 'item',
        triggerOn: 'mousemove'
    },
    series: ,
            left: '%',
            right: '%',
            top: '%',
            bottom: '%',
            symbolSize: '',
            label: {
                position: 'left',
                verticalAlign: 'middle',
                align: 'right',
                fontSize: ''
            },
            itemStyle: {
                borderColor: '#00bfff',
                borderWidth: '',
                shadowColor: '#00bfff',
                shadowBlur: ''
            },
            lineStyle: {
                color: '#00bfff',
                curveness: ''
            }
        }
    ]
};
myChart.setOption;

这段代码听起来是不是有点麻烦？别担心，我会磨蹭磨蹭说明白的。

代码里的每一个词dou是啥意思呢？

先说说我们创建了一个图表实例，叫ZuomyChart。然后我们设置了一些配置项， 比如tooltip是用来kan得出来提示信息的，series是用来添加图表系列的，type是图表的类型，data是图表的数据，left、right、top、bottom是用来设置图表的位置的，symbolSize是图形的巨大细小，label是用来设置标签的，itemStyle是用来设置图形样式的，lineStyle是用来设置线条样式的。

学完了我也NengZuo数据可视化了！

恭喜你，你眼下Yi经学会了怎么用Echarts TreeZuo数据可视化了！你Neng用它来制作组织架构图、谱系关系图、类目关系图等等，让你的数据变得生动好玩，干活效率瞬间提升！

优良了今天的分享就到这里希望你们Neng中意。Ru果你还有其他问题，想起来留言告诉我哦！