echarts - 在不显示工具栏的情况下使用 ‘select‘ 类型的缩放

1 2 3 一起追梦

于 2022-12-30 17:35:15 发布

阅读量298

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/qq_41720578/article/details/128498653

笔记专栏收录该内容

64 篇文章

订阅专栏

本文介绍了一种方法，通过调用特定的ECharts API `dispatchAction` 和配置 `toolbox.feature.dataZoom.icon` 为 `null`，可以在不显示数据缩放图标的同时，依然保持数据缩放功能的可用性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

  }

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

可以使用它来删除右上角的图标，并仍然可以在功能上获得数据缩放。