web-dev-qa-db-ja.com

javascriptガントチャート-日/時間/分でデータをグラフ化

サードパーティのスケジューリングソフトウェアのデータを使用して、プラントのスケジューリングデータをWebページに表示するためのガントチャートまたはタイムラインタイプの図を作成したいと思います。要件が含まれます

  • javascript/html（5）/ cssソリューション（可能であればフラッシュなし）
  • 主にガント/タイムラインタイプのチャートに使用されますが、他のチャートタイプが役立つ場合があります
  • 可能であればjqueryまたはプロトタイプに基づく
  • 時間スケールは時間/分を考慮に入れる必要があります-これは労働/機械のスケジューリングにとって重要です。 （5分間隔で十分かもしれません）
  • オープンソースまたは低コスト
  • 私自身の解決策を転がす必要がないことを好む

データを取り込んで、PHPとjavascriptで操作できます。いくつかのパッケージを調べました（ここで最も要約されています- ガントチャートオンライン ）ただし、ほとんどの場合、時間と分で時間を表すのは苦手でした。jQuery.Ganttは、分または時間の何分の1かで間隔を明確に表示する機能がないため、最善の解決策のように見えました。

誰かがこれらの要件にパッケージを使用していますか、またはjquery.ganttの制限を克服できますか？

ありがとう

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

javascriptjquerygantt-chart
11
Mustapha George

dhtmlxGantt 、オープンソース（GPL）のJavaScriptガントチャートをご覧ください。時間/分スケールを表示できるようにカスタマイズ可能な時間スケールがあり、jQueryとの簡単な統合をサポートします。

（免責事項：私はDHTMLXで働いています）

6
Paul

RadiantQの jQueryガントパッケージ は、要件を実装するのに理想的です。ネイティブHTML5を使用して構築され、時間、分をサポートし、カスタムの時間スケールタイプがサポートされています。

膨大な機能とカスタマイズオプションが満載で、タイムラインに情報をプロットできるはずです。

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

そのオンラインデモを見てください ここ 。

4
Karthi Keyan

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

angular-gantt

ただし、本番環境やビッグデータセットでは試していません。このライブラリの利点は、MITライセンスが付与されているため、商用ソリューションで使用できることです。

2
Hernando

きめ細かいタイムスケール（分-秒）を備えたこのようなガントチャートライブラリをまだ探している人はいますか？ Google Charts Gantt Google TimeLine Chart 非常に便利だと思いました（TimeLineチャートと呼ばれていますが）

ガントチャートライブラリを無料で使用できるもう1つのライブラリは、 Amcharts です。

1
Manmohan