如何在鼠标离开图表区域时停止画笔拖动

Question

问题是这样的：

• 左键单击图表区域并按住左键
• 现在笔刷拖动处于活动状态：我们可以四处移动鼠标，区域将随之移动
• 但是当我们退出图表区域（例如在灰色区域最右边）然后释放鼠标按钮（仍在灰色区域）时，画笔拖动模式卡住了
  • 我的意思是，当您现在将鼠标移回图表区域时，笔刷拖动仍处于活动状态：即鼠标移动将调整笔刷区域的大小，尽管不再按下鼠标左键
  • 这只会在您在图表区域内再次单击时停止

我们如何避免这种情况？

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

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

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

Answer 1

这是一个错误 echarts#10675，已在版本 4.5.0

中修复