javascript - 单击背景时，范围设置为零

Question

我正在使用 d3 以与 this 相同的方式创建画笔时间轴例子。如果将鼠标悬停在图表选择部分的顶轴上，您会注意到光标变为十字准线。单击它时，画笔将消失，因为它将 extant 设置为空。有什么办法可以禁用它吗？我想确保刷子永远不会消失。感谢您的帮助!

Answer 1

这里有几个选项可以让你得到相同的结果，所以尝试一个当悬停在顶部轴上时隐藏你的十字准线的选项。

<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();
    });