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

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版中修复