0

d3 に折れ線グラフがあり、Google マップと同様に、特定のズーム レベルを実装する必要があります。マウスホイールのズームインアクションで次の可能な内側のズームレベルにスナップ/遷移し、マウスホイールのズームアウトアクションで次の可能な外側のズームレベルにスナップ/遷移します。

ズーム方法の私のセットアップは、他のみんなのものと似ています:

        self.plot.call(d3.behavior.zoom().x(self.x).y(self.y).on("zoom", self.redraw()));

しかし、これを設定する方法を知るには、d3について十分に知りません（また、たくさんの時間が残っていません...）。ヒント/ヘルプはありますか？

4

1 に答える 1

0

ズーム イベント リスナーを変更して、イベントを挿入し、必要に応じてスケールを調整できます (たとえば、次の整数に丸めます)。ここでもう少し説明するブログ投稿があります。

これは、単純にズーム動作を軸にアタッチするよりも少し手間がかかりますが、d3 はすぐにズーム レベルを制限するものを提供しません。

于 2013-03-08T19:40:25.833 に答える