echarts树状图通过手势放大缩小

Echarts树状图可以通过手势放大缩小，具体实现方法如下：

1. 在Echarts的option中添加一个`dataZoom`组件，如下所示：

option = {
    ...
    dataZoom: [
        {
            type: 'inside',
            zoomOnMouseWheel: true,
            moveOnMouseMove: true
        }
    ],
    ...
}

其中，`type`属性表示数据缩放的类型，这里设置为`inside`表示内部缩放。`zoomOnMouseWheel`属性表示是否开启鼠标滚轮缩放功能，`moveOnMouseMove`属性表示是否开启鼠标拖动缩放功能。

2. 在树状图的容器元素上添加一个`echarts-gl`类名，用于开启WebGL功能，如下所示：

<div id="tree" class="echarts echarts-gl"></div>

3. 在树状图的容器元素上添加一些CSS样式，用于限制容器元素的大小，如下所示：

#tree {
    width: 100%;
    height: 500px;
}

这样，就可以通过手势放大缩小Echarts树状图了。