0

伝染病に関するゲームとインタラクティブな学習ツールを開発しました。これは、D3js の強制指向グラフ レイアウトで実装されています。

開発中、私はモバイル ユーザーからの熱意をあまり期待していませんでした。後から考えると、これは明らかな誤算でした。

モバイル ユーザーが「許容できるクリック」の範囲を広げる方法はありますか? または、ユーザーがモバイル プラットフォームを使用していることを検出した後、ノード サイズを大きくしなければなりませんか?

例: http://vax.herokuapp.com

4

2 に答える 2

1

クリック/タップに反応する大き​​な透明な円にノードを配置できます。両方の円を同じg要素に入れてデータをバインドすると、追加のコードは最小限になります。

var gs = d3.selectAll("g").data(data).enter();
gs.append("circle").attr("cx", ...).attr("r", 5);
gs.append("circle").attr("cx", ...).attr("r", 40).attr("opacity", 0)
  .on("click", function() { ... });
于 2014-01-14T21:46:23.883 に答える
0

図面をモバイル レイアウトに対応させる必要があります。簡単な方法は、ビューボックスのサイズを調整することです:

d3.js ビジュアライゼーション レイアウトをレスポンシブにする最良の方法は何ですか?

于 2013-10-19T21:57:11.290 に答える