Vue3使用echarts树图

Vue2使用echarts树图

本文使用echarts版本：v5.4.2

参考文档：Documentation - Apache ECharts

可自定义设置以下属性：

• 树图数据源（treeData），类型：object，默认 {}

• 容器宽度（width），类型：string|number，默认 '100%'

• 容器高度（height），类型：string|number，默认 '100%'

效果如下图：

 

 ①安装echarts：yarn add echarts

②创建树图组件TreeChart.vue：

③在要使用的页面引入：