Question

我想一直使用工具栏上的“缩放光标”。然后使用双击进行缩小。到目前为止，我已经成功实现了所有这些功能。我最后要做的就是隐藏工具栏，因为它现在已经没有用了。

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

这是我的工具箱代码：

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

这是我使用缩放选择的代码：

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

}

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

Answer 1

作为一种解决方法，我发现数据缩放功能可以接收 null 作为图标。您可以使用它去除右上角的图标，并仍然获得数据缩放功能。

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

有没有一种方法可以使用'select'类型的缩放而不显示工具栏？

1 个答案: