2017-12-07 32 views
1

私は部屋の料金を管理するために角度ガントチャートを使用しているHotel Managementアプリケーションに取り組んでいます。私のホテルには多数の部屋があり、各部屋に異なる料金プランがあるので、Angular Ganttチャートではすべてを管理することはできません。 (大量のデータを一度にチャートに読み込むとシステムがハングする)Angular jsアプリケーションでGantt Chartを実装する最も効率的な方法は何ですか?

これを管理するために、遅延読み込みを追加して10日間だけレコードを読み込みますが、問題は解決しませんでした。そこで私は再びデータを分割し、Chartのドロップダウンを追加し、1つの部屋のレコードのみを表示しました。今回は、グラフの中に少量のデータをロードしてもうまくいきましたが、それは私が探しているものではありません。

グラフを最大限に表示する方法や、それを達成するためのその他の方法について、最も効率的な方法について知りたいと思います。

ありがとうございます。

+0

実際に最適化するための銀色の弾丸はありません...あなたのコードがplnkrまたはjsfiddleで実行され、個人情報のダンプ/スクラブ(またはJSONジェネレータのオンライン検索の生成)タイムラインと実際のスクリプトの実行を見て、なぜそれが遅いのか、またライブラリを修正したり、同じコーナーに自分自身を構築したりするために何ができるのかを知るために、私のような人たちに手を差し伸べることができます。高度な視覚化のためにD3.jsのようなものを使うことができますが、ガントチャートの場合は過度のものになるかもしれません。 – shaunhusain

答えて

2

VARUN、

私たちのRadiantQ jQuery Gantt Packageをお勧めしたいと思います。これは、タイムライン上の多数の「タスク」をサポートするためにネイティブに構築されています。あなたは怠惰な負荷を気にする必要もなく、私たちのUIは仮想化されているので、大きなデータを扱うことができます。

あなたのデータがどのように表示されるかを知ることができれば、概念の証明を組み合わせることもできます。

関連する問題