地图拖拽出div后，鼠标移回来可继续拖拽

[LinXiudong]

One-line summary [问题简述]

地图配置可拖拽后，在地图上按下左键可进行拖拽，放开左键取消拖拽。但如果按下左键后把鼠标移出div，后松开左键，再把鼠标移入div，这时不需要再次按下左键，地图也会随着鼠标拖拽移动

Version & Environment [版本及环境]

• ECharts version [ECharts 版本]:
• Browser version [浏览器类型和版本]:
• OS Version [操作系统类型和版本]:

Expected behaviour [期望结果]

ECharts option [ECharts配置项]

option = {

}

Other comments [其他信息]

[autukill]

能主动取消这个事件吗?
我的场景是: 用户左右滑动 inside datezoom 时, canvas 外出现 loading 层. 这时候能主动释放 echarts 的按下状态就好.

[zwb910615]

myChart.on('globalout', function (params) {

  var mouseEvent= document.createEvent('MouseEvents');
    mouseEvent.initEvent('mouseup', true, true);
    myChart._dom.getElementsByTagName('canvas')[0].dispatchEvent(mouseEvent)
    

});

[autukill]

myChart.on('globalout', function (params) {

  var mouseEvent= document.createEvent('MouseEvents');
    mouseEvent.initEvent('mouseup', true, true);
    myChart._dom.getElementsByTagName('canvas')[0].dispatchEvent(mouseEvent)
    

});

解决了, 我在 vuejs 中使用.相关代码

<template>
  <div ref="dom" class="charts"></div>
</template>

<script>
...
    this.chart = echarts.init(this.$refs.dom)
    this.chart.on('globalout', (params) => {
        let mouseEvent = document.createEvent('MouseEvents');
        mouseEvent.initEvent('mouseup', true, true);
        this.$refs.dom.getElementsByTagName('canvas')[0].dispatchEvent(mouseEvent)
      });
...
</script>

[github-actions]

This issue has been automatically marked as stale because it did not have recent activity. It will be closed in 7 days if no further activity occurs. If you wish not to mark it as stale, please leave a comment in this issue.

[github-actions]

This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!