Проблема заключается в следующем:
- щелкните левой кнопкой мыши в области графика и УДЕРЖИВАЙТЕ левую кнопку
- , теперь активно перетаскивание кисти: мы можем перемещать мышь иобласть будет следовать за
- , но когда мы выходим из области диаграммы (например, далеко вправо в серой области) и затем отпускаем кнопку мыши (все еще в серой области), режим перетаскивания кистью застревает
- Я имею в виду, что когда вы теперь перемещаете мышь обратно в область графика, перетаскивание кисти все еще активно: то есть перемещение мыши изменит размер области кисти, хотя левая кнопка мыши больше НЕ нажимается.
- это остановится только тогда, когда вы сделаете еще один щелчок внутри области графика
Какмы можем избежать этого?
- я хочу, чтобы область кисти просто выбирала все данные (до границы диаграммы) и затем останавливалась: то есть она должна делать то же самое, что и когда я отпускаю кнопку мыши вграфик
- Поэтому я подумал, что могу просто отправить событие mouseup, когда мышь покидает область графика - но это не работает
- Я также не нашел подходящего действия в echart-docs
Вот полный пример jsfiddle и событие mouseup, которое я пытался отправить:
const mouseUpEvent = new MouseEvent('mouseup');
var echartsDom = myChart.getDom();
var canceled = echartsDom.dispatchEvent(mouseUpEvent);