有没有办法在不显示工具栏的情况下使用 'select' 类型的缩放？

Question

我想一直使用工具栏中的 'zoom cursor'。然后双击缩小。到目前为止，我已经成功地实施了所有这些。我最不想做的就是隐藏工具栏，因为它现在没用了。

但是当我将属性 show: 'false' 放在工具栏或直接放在数据缩放功能时，它不会在角落显示它，但它也删除了它提供的所有功能

这是我的工具箱代码：

    toolbox: {
      feature: {
          dataZoom: {
              yAxisIndex: false,
              title: {zoom: 'Zoom in', back: 'Zoom out'}
          },
          saveAsImage: {
              pixelRatio: 2,
              title: "Save image"
          }
      },
      show: false
    },

这是我使用缩放的代码 select:

  turnOnZoom(){
    this.echart.dispatchAction({
      type: 'takeGlobalCursor',
      key: 'dataZoomSelect',
      // Activate or inactivate.
      dataZoomSelectActive: true
    });

  }

我可以使用任何解决方法来解决这个难题吗？

Answer 1

作为变通方法，我发现数据缩放功能可以接收 null 作为图标。您可以使用它来删除右上角的图标，并且仍然可以在功能上获得数据缩放。

toolbox: {
  feature: {
    dataZoom: {
      icon: null
    }
  }
},

有没有办法在不显示工具栏的情况下使用 'select' 类型的缩放？

Is there a way to use zoom of type 'select' without showing the toolbar?

echarts