私は作業中のD3プロジェクトのブラシのハンドルにカスタム要素を追加しようとしています - the desired final result is here - そして、<rect>
要素にD3 V4を移動して<g>
要素からブラシハンドルに移動しました。 V4ドキュメントでは、.handle--*
クラスを使用してブラシハンドルを追加、削除、または変更することができますが、それを動作させることはできませんでした。私が起動するときにたとえば、私は必ずしもが動作するように上記のコードを期待していないが、私はできなかったことをD3 V4でカスタムブラシハンドルを追加していますか?
TypeError: undefined is not an object (evaluating 'd.type')
注:
const brushContainer = d3.select('#brushContainer');
brushContainer.call(d3.brushX());
brushContainer.selectAll('.handle').remove();
brushContainer.append('rect')
.attr('class', 'handle handle--w');
私は次のエラーを取得します任意の実用的な例や、ドキュメントやソースの手がかりを見つけることができます。
編集:私はちょうどそのbrush
にd3.event.selection
に自分x
属性を変更して、必要な<g>
sの独立を追加する考えを持っていました。私はハンドルとして<g>
を使用できるようにしたいと思います。このアプローチはクリックハンドラなしでそれらを残しますが、これがCanonical Right Answerであれば、私は先に進んで行います。