プロジェクト管理では必ずといってもいいほど使われるのがガントチャートです。プロジェクト管理のシステムには組み込まれているものが多いですし、Excelなどを使って自作のガントチャートを利用するケースもあります。 今回紹介するGantt-elasticはVueベース、Webブラウザで使えるガントチャートライブラリです。

Gantt-elasticの使い方

デフォルトの表示です。

タスクの追加も用意されています。

幅を変更しました。

縦の長さを変更しました。

Gantt-elasticは一般的なガントチャートが必要とするような表示さサポートしていそうです。データの変更はできませんが、そこはカスタマイズすれば大丈夫でしょう。データフォーマットさえ合わせれば、ガントチャート表示をシステムに組み込むのも簡単そうです。

Gantt-elasticはVue製のオープンソース・ソフトウェア(MIT License)です。

vue-gantt-elastic neuronetio/gantt-elastic: Gantt Chart [ javascript gantt chart, gantt component, vue gantt, vue gantt chart, responsive gantt, project manager , vue projects ]