Экстент устанавливается в ноль при нажатии на фон

Question

Я использую d3 для создания временной шкалы кисти почти так же, как в этом примере. Если вы наведите курсор на верхнюю ось выделенной части диаграммы, вы заметите, что курсор изменится на перекрестие. Когда вы щелкнете по нему, кисть исчезнет, ​​потому что она установит пустую область. Есть ли способ, которым я могу отключить это? Я хочу убедиться, что кисть никогда не исчезает. Спасибо за помощь!

Answer 1

Мое решение было редактировать .on("brushend", funtion(){...}) проверить наличие пустой кисти и сбросить значения, если она пуста. Это гарантирует, что у пользователя никогда не будет пустой кисти. Если у кого-то есть вопросы о том, как это сделать, пожалуйста, дайте мне знать!

Answer 2

Вот несколько вариантов, которые дают вам тот же результат, поэтому попробуйте тот, который прячет перекрестие при наведении на верхнюю ось.

<rect class="background" x="0" width="885" style="visibility: hidden; cursor: none;"></rect>

(или же)

$(".background").on('mouseenter',function(){
$(this).css('cursor','none');
});

(или же)

    $(".background").on('click',function(event){
        event.stopImmediatePropagation();
    });