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

Question

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

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

Answer 2

我的解决方案是编辑.on("brushend", funtion(){...})以检查空刷子并重置值（如果为空）。这确保了用户永远不会有空刷。如果有人对如何做到这一点有疑问，请告诉我！