限制echarts树形图平移范围

如果需要限制echarts树形图的平移范围，可以通过设置echarts的grid属性来实现。具体的方法是：

1. 设置grid的left、right、top、bottom属性，限制echarts图表在容器中的范围，例如：

   grid: {
       left: '10%',
       right: '10%',
       top: '10%',
       bottom: '10%'
   }

2. 在echarts的事件中捕获平移事件，判断平移后的图表位置是否超出了grid的范围，如果超出了，则将平移的距离调整为能够保证图表在grid范围内的距离，例如：

   chart.on('mousedown', function(params) {
       var mx = params.event.offsetX;
       var my = params.event.offsetY;
       chart.on('mousemove', function(params) {
           var dx = params.event.offsetX - mx;
           var dy = params.event.offsetY - my;
           var x = chart.getOption().grid.left + dx;
           var y = chart.getOption().grid.top + dy;
           var width = chart.getWidth() - chart.getOption().grid.left - chart.getOption().grid.right;
           var height = chart.getHeight() - chart.getOption().grid.top - chart.getOption().grid.bottom;
           if (x < 0) {
               dx = -chart.getOption().grid.left;
           }
           if (y < 0) {
               dy = -chart.getOption().grid.top;
           }
           if (x + width > chart.getWidth()) {
               dx = chart.getWidth() - chart.getOption().grid.right - chart.getOption().grid.left - width;
           }
           if (y + height > chart.getHeight()) {
               dy = chart.getHeight() - chart.getOption().grid.bottom - chart.getOption().grid.top - height;
           }
           chart.dispatchAction({
               type: 'geoMove',
               seriesIndex: 0,
               dx: dx,
               dy: dy
           });
       });
   });

以上代码是在mousedown事件中捕获鼠标移动事件，计算出平移的距离dx和dy，然后判断平移后的位置是否超出了grid的范围，如果超出了，则调整平移的距离。最后通过dispatchAction方法来触发geoMove事件，实现图表的平移。需要注意的是，以上代码只是示例，具体实现还需要根据实际情况进行调整。