【问题标题】:How to stop brush drag when mouse leaves the chart area鼠标离开图表区域时如何停止画笔拖动
【发布时间】:2019-11-07 23:53:13
【问题描述】:

问题是这样的:

  • 在图表区域左键单击并按住左键
  • 现在画笔拖动处于活动状态:我们可以移动鼠标,该区域将跟随
  • 但是当我们退出图表区域(例如在灰色区域的最右侧)然后释放鼠标按钮(仍然在灰色区域)时,画笔拖动模式卡住了
    • 我的意思是,当您现在将鼠标移回图表区域时,画笔拖动仍然处于活动状态:即鼠标移动将调整画笔区域的大小,尽管不再按下鼠标左键李>
    • 只有当您在图表区域内再次单击时才会停止

我们如何避免这种情况?

  • 我想要发生的是画笔区域只选择所有数据(直到图表的边框)然后停止:即它应该与我在图表中释放鼠标按钮时一样
  • 所以我想我可以在鼠标离开图表区域时发送一个 mouseup 事件 - 但这不起作用
  • 我也没有在 echart-docs 中找到合适的action

这是一个完整的jsfiddle example 和我尝试发送的mouseup 事件:

  const mouseUpEvent = new MouseEvent('mouseup');
  var echartsDom = myChart.getDom();
  var canceled = echartsDom.dispatchEvent(mouseUpEvent);  

【问题讨论】:

    标签: echarts


    【解决方案1】:

    这是一个错误echarts#10675,已在版本 4.5.0 中修复

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-11-09
      • 2012-07-22
      • 1970-01-01
      • 1970-01-01
      • 2016-04-22
      相关资源
      最近更新 更多