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

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

Answer 2

我的解决方案是编辑 .on("brushend", funtion(){...}) 以检查是否有空画笔，如果为空则重置值。这确保了用户永远不会有空刷子。如果有人对如何执行此操作有任何疑问，请告诉我！

Extent set to zero when you click the background