uniapp echarts树状图所有内容通过手势放大缩小

对于UniApp中的Echarts树状图，可以使用Echarts的`dataZoom`组件实现内容的放大缩小。具体实现方法如下：

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

option = {
    ...
    dataZoom: [
        {
            type: 'inside',
            zoomOnTouchStart: true,
            moveOnTouchMove: true
        }
    ],
    ...
}

其中，`type`属性表示数据缩放的类型，这里设置为`inside`表示内部缩放。`zoomOnTouchStart`属性表示是否开启触摸屏幕缩放功能，`moveOnTouchMove`属性表示是否开启触摸屏幕拖动缩放功能。

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

<template>
  <view class="container">
    <ec-canvas id="tree" canvas-id="tree" class="echarts echarts-gl"></ec-canvas>
  </view>
</template>

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

.container {
    width: 100%;
    height: 500px;
}

这样，就可以通过手势放大缩小UniApp中的Echarts树状图的所有内容了。