問題タブ [chap-links-library]

私はウェブ開発とコーディングの初心者なので、些細な質問をして申し訳ありません...

タイムラインを使用してジョブスケジュールツールを作成したいので、ネットでこの例almende.github.io/chap-links-library/js/timeline/examples/example15_mobile.htmlを Google 視覚化 API に基づいて見つけます。

すべてが正常に機能するようになりましたが、2 つの列を持つテーブルを作成します。

2 列目は div ID タイムラインの例のコードで、1 列目は 2 つの div オブジェクトです。タイムラインにドラッグできるようにしたいので、Google 視覚化 API 配列でドラッグできます。

私はjqueryで試します：

では、タイムラインにドラッグしたときにデータ行に追加するにはどうすればよいですか? jsbin の私のコード: http://jsbin.com/oLaqoToH/2/edit

したがって、div オブジェクトを 1 列目から 2 列目 (タイムライン) にドラッグして、データ配列に追加します。

タイムラインはスクロール可能ですが、この機能を使用すると:

これはタイムラインに表示される日付範囲です...関数を使用すると $('#mytimeline').width();、タイムラインのピクセルを取得できるので、1ピクセル=時間を計算できますか?

div オブジェクトを 1 列目から 2 列目 (#mytimeline) にドラッグすると、divObject をタイムラインにドラッグして追加するにはどうすればよいですか?

助けてください、私の英語が下手で申し訳ありませんが、私は一生懸命勉強しています

ここに、2列のテーブルがあります。最初はドラッグ可能な div オブジェクトです:

2 列目は、Google ビジュアライゼーション API に基づくタイムライン テーブルです。 http://jsbin.com/oLaqoToH/5

タイムライン テーブルをダブルクリックすると、新しい div オブジェクトがタイムラインに作成されます。

1列目からタイムラインへのオブジェクトのドラッグを終了するときに、ダブルクリックをシミュレートしたいと思います。とてもシンプルなので、この小さなハックで div オブジェクトを 1 列目からタイムラインに追加したいと思います。これを行う方法はありますか？これはjqueryで使用できますか? ドラッグ可能なエンディングでダブルクリックをシミュレートするにはどうすればよいですか?

更新： このアクションには機能があるため、ダブルクリックをシミュレートする必要はありません：

http://almende.github.io/chap-links-library/js/timeline/timeline.js

ダブルクリック シミュレーションを使用する代わりに、この関数を使用してオブジェクトをタイムラインにドラッグするにはどうすればよいですか? ありがとう！

GWT (google web toolkit) は google ビジュアライゼーション API と同じですか?

私が知りたいのは、この例が GWT で書かれていることです: http://almende.github.io/chap-links-library/js/timeline/examples/example15_mobile.html

GWT はほとんど「死」であることを知っているので、可能であればこの例で anularJS フレームワークを使用したい...

Chaps Link Timeline を使用していますが、iOS7 を実行している Apple デバイスを除くすべてのデバイスでうまく機能します。問題は、遅延を引き起こしている新しい iOS にあります。基本的に、タイムラインのスクロール (左右のスワイプ) は非常に遅いです。iPad のサファリとクロームの両方でテスト済み。新しい iOS のラグを修正するにはどうすればよいですか?

タイムライン: https://github.com/almende/chap-links-library/tree/master/js/src/timeline

Github の問題: https://github.com/almende/chap-links-library/issues/239

オンライン デモ: http://almende.github.io/chap-links-library/js/timeline/examples/example01_basis.html

その他のデモ: http://almende.github.io/chap-links-library/timeline.html

gwt ビジュアライゼーション タイムライン チャートを実装したかったのです。

しかし、gwt では利用できません。視覚化 API (javascript) を gwt アプリケーションで直接使用することは可能ですか。

もしそうなら、私にいくつかのガイダンスを教えてください。

これに利用できる他のオプションはありますか。

私はhttp://almende.github.io/chap-links-library/timeline.htmlを試してみましたが、それは良いことです。

しかし、gwt の可視化 API について知りたかったのです。

タイムラインにvis.jsを使用していますが、うまく機能しています。しかし、私はタイムスケールの移動を停止することができません.私はすでにその可動構成オプションを試していますが、私にとっては機能していません.タイムラインの移動を停止する方法を誰かに提案してください。タイムラインスケールを修正したいだけです. たとえば、わずか 120 分などです。

Chaps リンク ライブラリ - タイムラインの使用を開始したばかりです。Github の例をコピーして自分のindex.jspページに貼り付けると正常に動作します。場所を正しく参照していることを確認しtimeline.jsましtimeline.cssた。

jspただし、 get 要求がコントローラーを通過した結果として起動されるページにコードを貼り付けると、タイムラインが表示されません。ページ エラーには、「リンクが定義されていません」と表示されます。サンプル デモの正確なコピーをデータにハードコーディングしているため、データをフィードしていません。それを解決する方法はありますか？

編集 - 問題は、Spring MVC で Javascript ライブラリをロードしようとしている方法にあります。タイムライン コンポーネントとは関係ありません。

AngularJS でvis.jsを使用しようとしています。簡単なディレクティブを作成しました...しかし、ここにリストされているイベントのいくつかを使用する必要がありますが、それらは起動されていません。

この例では、graph.on('select', ...)イベント リスナーが起動されていません。これを行う方法に問題はありますか?

これが私がやっていることです：

誰でも助けることができますか？