バックグラウンドをクリックすると範囲がゼロに設定されます

Question

d3を使用して、thisと同じようにブラシタイムラインを作成しています。チャートの選択部分の上軸にカーソルを合わせると、カーソルが十字線に変わります。これをクリックすると、ブラシは消えてしまいます。これは、存在を空に設定するためです。これを無効にする方法はありますか？私はブラシが単に消えないようにしたい。ご協力ありがとうございました！

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