2013-04-29 622 views
9

ウェブページ上にプラントスケジューリングデータを表示するためのサードパーティスケジューリングソフトウェアのデータを使用してガントチャートまたはタイムラインタイプの図を作成したいと思います。場合要件は、ガント/タイムライン型チャートが、他のチャートタイプは、jQueryのまたはプロトタイプに基づいて javascript gantt charts - 日/時間/分単位のデータを

  • 有用であり得る主ため

    • ジャバスクリプト/ HTML(5)/ CSS溶液(NOフラッシュ可能であれば)
    • を含みます
    • 時間スケールは時間/分を考慮しなければなりません。これは労働/機械のスケジューリングにとって重要です。 (5分間隔が 十分かもしれません)
    • オープンソースや低コスト
    • 私はデータに持参し、PHPとJavaScriptでそれを操作することができ、私の独自のソリューション

    をロールバックする必要がないことを好みます。私はいくつかのパッケージ(ここではほとんどの場合、Gantt Chart online)を見ていましたが、ほとんどの場合時間と分で時間を表現するのに弱いようでした。 jQuery.Ganttは最適なソリューションのように見えましたが、数分または数時間で明確な間隔を表示する能力が不足しているように見えます。

    誰でもこれらの要件にパッケージを使用するか、jquery.ganttの制限を克服できますか?

    ありがとう

    例。このjquery.ganttレンダリングでは、作業が16:10または16:15に開始するかどうかを判断することはできません。 enter image description here

  • +1

    で、要約いくつかの良いオプションがあります。 http://stackoverflow.com/questions/9085614/gantt-chart-in-javascript-jquery-extjs –

    答えて

    4

    RadiantQのjQuery Gantt Packageは、要件の実装に最適です。これは、ネイティブHTML5を使用して構築され、Hours、Minutes、およびカスタムタイムスケールタイプをサポートしています。

    膨大な数の機能とカスタマイズオプションが用意されているため、タイムライン上の情報をプロットできるはずです。

    JSONやその他の種類のデータに簡単にバインドできます。また、KOなどのMVVMパターンも使用できます。

    オンラインデモhereをご覧ください。

    +1

    は非常に強力に見えます。私のニーズは、オンラインアプリケーション全体ではなく、既存のデータを表示するだけのものです。 Radiantがこれをサポートしているかどうかはわかりません。 $ 700-1400の値札はかなり無料ではありませんが、私たち自身の開発よりもずっと安いです。 –

    +0

    パッケージには、データを表示するように設定できる2つのjQuery Ganttウィジェットがあることに注意してください。 上記のリンクは、ガントのさまざまな機能を説明するために作成されたオンラインデモページです。あなたは、あなたのページにウィジェットを統合し、それにあなたのデータを入力します。 – karthik

    5

    オープンソース(GPL)JavaScriptガントチャートdhtmlxGanttをご覧ください。それはカスタマイズ可能な時間スケールを持つので、時間/分スケールを表示でき、jQueryとの容易な統合をサポートします。

    (免責事項:私はDHTMLXのために働く)

    +0

    このURLを確認しました。しかし、ガントチャートはライセンスの下にのみあります。これはGPL版もあります。 –

    +0

    dhtmlxGanttにもGPL版がありますので、こちらをご覧ください。https://dhtmlx.com/docs/products/dhtmlxGantt/#editions-licenses – Paul

    1

    私もjQuery.Ganttでプロジェクトを開始しました。私は同じ不便さに遭遇し、後に私はこれを見つけました。うまくいけば、これは他の人々を助ける:

    angular-gantt

    私はしかし、生産やビッグデータ・セット上でそれを試していません。このライブラリのメリットはMITライセンスであり、商用ソリューションで使用できるということです。

    0

    他の誰かが、細かいタイムスケール(分 - 秒)を持つこのようなガントチャートライブラリを探していますか? 私はGoogleのチャートは、ガントGoogle TimeLine Chart非常に有用であることが判明(彼らはタイムラインチャートそれを呼び出すが)

    ガントでJavaScriptのチャートライブラリを使用するために別の自由は、このStackOverflowのスレッドを参照してくださいAmcharts

    関連する問題