Javascript 如何使用 JS 构建我自己的甘特图

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/10701325/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-24 02:34:32  来源:igfitidea点击:

How to build my own gantt chart with JS

javascripthtmlgantt-chart

提问by greg121

I am about to see if Javascript in a HTML5 canvas is capable of building my own gantt chart. The chart should provide drag and drop. Is there a library that gives me a good basis? so I don't have to build everything from scratch.

我将要看看 HTML5 画布中的 Javascript 是否能够构建我自己的甘特图。图表应提供拖放功能。有没有一个图书馆可以给我一个很好的基础?所以我不必从头开始构建所有东西。

回答by AlphaMale

jsGantt

甘特图

A fully featured gantt chart componentbuilt entirely in Javascript, CSSand AJAX. No images required.

Features include: Tasks & Collapsible Task Groups Dependencies, Task Completion, Task Color, Milestones, Resources, Dynamic Loading of Tasks, Dynamic change of format (day/week/month), Load Gantt from XML file.

You can view a live example at http://www.jsgantt.com

完全用JavascriptCSSAJAX构建的功能齐全的甘特图组件。不需要图像。

功能包括:任务和可折叠任务组依赖关系、任务完成、任务颜色、里程碑、资源、任务动态加载、格式动态更改(日/周/月)、从 XML 文件加载甘特图。

您可以在http://www.jsgantt.com 上查看现场示例

Some other libraries:

其他一些库:

https://www.bryntum.com/products/gantt-for-extjs/

https://www.bryntum.com/products/gantt-for-extjs/

http://www.jsgantt.com/#tDownload

http://www.jsgantt.com/#tDownload

Hope this helps.

希望这可以帮助。

回答by amadan

Have you tried googling for some examples? There are dozens out there. jsganttand dhtmlxganttare the first two I found without too much trouble.

你有没有试过用谷歌搜索一些例子?外面有几十个。jsganttdhtmlxgantt是我找到的前两个没有太多麻烦。