echarts树形图

ECharts是百度开源的一个基于JavaScript的可视化图表库，它提供了丰富的图表类型和交互功能，其中包括树形图(Tree Chart)。树形图是一种用于展示层级结构数据的图表，常用于组织结构、分类关系等场景。

在ECharts中，树形图可以通过配置项进行创建和定制。以下是创建树形图的一般步骤：

1. 引入ECharts库和主题文件：

   <script src="echarts.min.js"></script>
   <script src="echarts-theme.js"></script>

2. 创建一个具有指定宽度和高度的DOM容器：

   <div id="chart" style="width: 600px; height: 400px;"></div>

3. 初始化ECharts实例：

   var chart = echarts.init(document.getElementById('chart'));

4. 配置树形图的数据和样式：

   var option = {
     series: [{
       type: 'tree',
       data: [
         {
           name: 'Node 1',
           children: [
             { name: 'Node 1.1' },
             { name: 'Node 1.2' }
           ]
         },
         {
           name: 'Node 2',
           children: [
             { name: 'Node 2.1' },
             { name: 'Node 2.2' }
           ]
         }
       ]
     }]
   };

5. 将配置项设置给ECharts实例并渲染图表：

   chart.setOption(option);

以上是一个简单的树形图的创建过程，你可以根据实际需求进行更多的配置和样式调整。ECharts还提供了丰富的交互功能和扩展能力，可以通过配置项进行进一步的定制。