問題タブ [panning]

I've been tinkering, making a little chart with Flot and some of it's plugins. The purpose is to provide a chart tracking basal body temperature, with the date per day on the x axis, degrees on the y axis. Panning will shift the x axis, so you can see previous dates etc, clicking will result in a new point, snapped to grid.

The grid on a time based axis when panning does not move. It does when I change the axis type to normal. I really want to have the entire grid move, because now the line series sort of 'floats around' on the grid. Does anyone know how to make that work? Am I missing something in the options?

This is harder to explain than it is to see, so fsfiddle provided: http://jsfiddle.net/jorgthuijls/caM3q/1/

Triggering the change in behaviour is the option mode: 'time' on the x axis option (line 24 of the fiddle).

The bit of code to pay attention to:

change this to

and see what happens moving the graph after adding a few points.

Much appreciated!

このマップは、パン/コンパス コントロール (左上) の代わりに奇妙な白の断片でレンダリングされます。マウスオーバーで消え、マウスアウトで戻ります。

スクリーンショットはこちらから入手できます: http://i.stack.imgur.com/52037.jpg

なぜこれが起こっているのかについて何か考えはありますか？いつもご指導ありがとうございます。

交流

(文脈上、http://www.whiskyfair.com.au/209/ )

ズーム、パン、スクロール機能、およびいくつかの選択ツール (円、四角形、環) をサポートする派生の PictureBox クラスを作成したいと考えています。

どのデザイン パターンを使用すればよいか (元に戻す/やり直しを行うためのコマンド パターンについて考えているだけです) と、コントロールの適切なデザインを開始するためのアドバイスを考えています。

最近、D3 の例に基づいてパン + ズームを適用しましたhttp://bl.ocks.org/mbostock/3680957

これは、多角形、線、円には適していますが、楕円には適していません。楕円をパン + ズームし、rx 値と ry 値をそれぞれスケーリングすると、新しい rx/ry 値が期待どおりに変化しません。楕円は大幅に形を変え、時には消えることさえあります (rx/ry が負になります)。

オンラインで他の同様の例を見てきましたが、楕円でも機能しません。

これはJSFiddleの例ですhttp://jsfiddle.net/44VYK/

これは D3 の問題ではないと思います。私の直感によると、この例と D3 のズーム動作で何か基本的なことを見逃しているようです。

誰かが私が見逃したことを助けて明確にすることができれば、本当に感謝しています。単純な見落としだと思いますが、踏みにじられています。

jsFiddle コードは次のとおりです。

ScrollPane に問題があります。パニングを無効にしたい。マウスの場合は、setPannable(boolean) 関数のおかげで非常に簡単です。ただし、タッチ イベントのパンは無効になりません。ScrollPane でタッチ イベントのパンを無効にする方法はありますか?

ご協力いただきありがとうございます。

Google マップの上にオーバーレイ ヒートマップを配置しています。より具体的には、このプラグインを使用しています: http://www.patrick-wied.at/static/heatmapjs/example-heatmap-googlemaps.html

ここで、何かが変更されるたびにマップを更新しているため、私の実装はデモとは少し異なります。

google.maps.event.addListenerOnce(map, 'idle', function(event){ updateHeatMap();});

なりました：

google.maps.event.addListener(map, 'idle', function(event){ updateHeatMap();});

ズームとパンが必要に応じて更新されている間、マップをドラッグするたびに、オーバーレイの「色」がマップによって移動した距離の 2 倍移動することに気付きました。一方、ズームは完璧に機能するため、ズームインおよびズームアウトすると位置が再び修正されます。

idleこれは、イベントがトリガーされるたびにデータが更新される場合にのみ発生します。私の実装とは異なり、デモはマップを 1 回しかロードしないため、問題なく動作します。

次のコードに何か問題があるのではないかと疑っていますが、実際の問題を検出できませんでした。

HeatmapOverlay.prototype.setDataSet = 関数(データ){

me.latlngs = [];

今これを解決しようとして多くの時間を無駄にしたので、あなたからの洞察をいただければ幸いです...

どうもありがとう、本当にありがとう！