echarts树形图显示平移缩放的范围

要显示echarts树形图的平移缩放范围，可以使用echarts的toolbox组件中的dataZoom功能。在toolbox中添加dataZoom组件，并设置其type为inside，即可在树形图中显示平移和缩放的范围。

具体的代码实现如下：

option = {
    ...
    toolbox: {
        feature: {
            dataZoom: {
                type: 'inside'
            }
        }
    },
    ...
};

在上述代码中，将toolbox中的feature设置为dataZoom，并将其type设置为inside，即可在树形图中显示平移和缩放的范围。

相关问题

echarts树形图限制平移缩放的范围

要限制echarts树形图的平移缩放范围，可以使用echarts的dataZoom组件中的start和end属性。通过设置这两个属性的值，可以限制树形图在指定的范围内进行平移和缩放。

具体的代码实现如下：

option = {
    ...
    dataZoom: {
        type: 'inside',
        start: 0,
        end: 50
    },
    ...
};

在上述代码中，将dataZoom的type设置为inside，并将start和end属性的值设置为0和50，即可限制树形图在0%到50%的范围内进行平移和缩放。

需要注意的是，这里的start和end属性的值是根据数据轴范围的百分比计算得出的，因此需要根据实际情况设置对应的值。

限制echarts树形图缩放平移范围

要限制 echarts 树形图的缩放和平移范围，可以使用 echarts 的 setOption 方法中的 `dataZoom` 和 `roam` 属性。具体操作步骤如下：

1. 在 `option` 对象中添加 `dataZoom` 属性，并设置其 `type` 属性为 `'inside'`，表示支持鼠标滚轮缩放。

2. 添加 `roam` 属性，限制图表的平移范围。可以设置为 `'scale'`，表示只能在缩放范围内平移；或者设置为 `'move'`，表示只能在图表内平移，不能超出图表范围。

示例代码如下：

option = {
  ...
  dataZoom: {
    type: 'inside'
  },
  roam: 'scale' // or 'move'
  ...
}

通过设置 `roam` 属性，可以限制 echarts 树形图的平移范围，避免用户将图表拖出可视范围。