D3.js - マウス/タッチイベント

D3の範囲選択の使い方を紹介します。範囲選択の基本的な使い方はこちらで紹介しましたが、タッチパネルに対応する場合はこのサンプルのように変更すると使いやすくなります。グラフ上をタッチしてください。こちら ...

2018-03-25D3.js - マウス/タッチイベント

D3の範囲選択の使い方を紹介します。サンプルデモでは表示されているグレーの四角をドラッグするか、グラフ上の何もないところをクリック&ドラッグして範囲選択できます。グレーの四角の隅をドラッグすると範囲の ...

D3.js - マウス/タッチイベント

D3のマウス/タッチイベントに対応するzoomの使い方を紹介します。 サンプルデモ グラフ上でドラッグ/スワイプ、マウスホイール/ピンチインしてください。下のresetボタンで初期位置に戻ります。 r ...

2018-02-04D3.js - マウス/タッチイベント

D3のドラッグイベントについて解説します。 サンプルデモ - 円をドラッグしてください。 使い方 D3のdragは、タッチイベントに対応しています。 ".class"の部分にドラッグイベントを設定した ...