website development gantt chart example

2022.05.01

When the development of the enterprise management system,against Department of departments、Production plan progress chart、work progressWait for demand,We usually useGantt chartFor visual display,This article targets the above needs,recommend3Open sourceVue Gantamic component,To help you develop such applications quickly。

1、 gantt-elastic

githubaddress:
https://github.com/neuronetio/gantt-elastic

gantt-elasticIs a foreign response、Editable Gambu component。This component supports scaling、Associated、Real -time additional characteristics。Beautiful interface,Good fluency is also good。Task availablejsonLoad,It's easy to integrate into your own system。

(website development gantt chart example)

website development gantt chart example

(website development gantt chart example)gantt-elastic

Below is a dynamic demonstration:

website development gantt chart example

Dynamic demonstration

2、 vue-gantt-chart

githubaddress:
https://github.com/w1301625107/Vue-Gantt-chart

This is developed by our Chinesebased on Vue Achieved gantt-like chart。Documents are all Chinese writing,The threshold for use is lower。The main characteristics are:Virtual list,Quick rendering area,Support a lot of data rendering;Variable timeline,1 minute,2 minute,3 minute,4 minute~~~One day;Variable cell;Tag;Support custom description and container block。

(website development gantt chart example)

website development gantt chart example

(website development gantt chart example)Official website railway itinerary Example

Official websitedemoUse two Ganttu to achieve a schedule of a railwaydemo,Let's take a look at the dynamic demonstration:

website development gantt chart example

(website development gantt chart example)

3、 wl-gantt

(website development gantt chart example)githubaddress:
https://github.com/hql7/wl-gantt

Another Gambu component developed by Chinese people,If you think the function of the first two components is too complicated,Want a simple,Customized components,Can consider this。

website development gantt chart example

wl-ganttExemplary

Above3You can choose according to the actual needs of the project,The code is allgithubOpen source,You can carry out secondary development to meet our personalized needs。

返回列表
更多新闻资讯