Incubator-echarts: 如何通过action触发toolbox里datazoom的区域缩放功能，而不是用鼠标点击

Created on 14 Jun 2017 · 8Comments · Source: apache/incubator-echarts

One-line summary [问题简述]

如何通过action触发toolbox里datazoom的区域缩放功能，而不是用鼠标点击

Version & Environment [版本及环境]

ECharts version [ECharts 版本]: 3.5.4
Browser version [浏览器类型和版本]: Chrome 54.x
OS Version [操作系统类型和版本]: Mac osx

Expected behaviour [期望结果]

是否有dispatchAction的方法切换toolbox里datazoom的区域缩放打开与关闭功能，翻阅了API以及配置文档，没有发现，必须要通过点击一次区域缩放按钮才能开启此功能，期望是不显示这个工具icon，自动打开数据内框选缩放功能

ECharts option [ECharts配置项]

option = {
  toolbox: {
        show: true,
        feature: {
            dataZoom: {
                yAxisIndex: 'none'
            }
        }
    },
}

stale

Source

dodospace

Most helpful comment

遇到同样问题，查看源码其实现，见：https://github.com/apache/incubator-echarts/blob/master/src/component/toolbox/feature/DataZoom.js
可通过dispatchAction实现。
注：必须先设置了toolbox.feature.dataZoom.show: true，后面的dispatchAction才会生效。
代码如下：

this.chart.dispatchAction({
        type: 'takeGlobalCursor',
        key: 'dataZoomSelect',
        dataZoomSelectActive: true // 允许缩放
      })

项目要求始终允许缩放，且不显示icon，可以设置toolbox.itemSize=0实现

FionaFromChina on 18 Jul 2018

👍4

All 8 comments

我也想知道是不是应该有个配置项可以设置这个开关

bxd602 on 15 Jun 2017

😕3

楼主找到解决方法了吗？我最近也想解决这个小问题，麻烦请教一下~~

huangwenxuan on 16 Jun 2017

还没找到啊，很纠结啊！

dodospace on 16 Jun 2017

@pissang 大神来指导下~~

bxd602 on 20 Jun 2017

同求

zhouzhili on 25 Jan 2018

可以通过dispatchAction触发dataZoom，详见官方文档：
http://echarts.baidu.com/api.html#echartsInstance.dispatchAction
http://echarts.baidu.com/api.html#action.dataZoom.dataZoom

Pearnest on 10 May 2018

this.chart.dispatchAction({
        type: 'takeGlobalCursor',
        key: 'dataZoomSelect',
        dataZoomSelectActive: true // 允许缩放
      })

项目要求始终允许缩放，且不显示icon，可以设置toolbox.itemSize=0实现

FionaFromChina on 18 Jul 2018

👍4

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.