blocks|key|4319615|text|看一看flot+jQuery+plugin|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4319616|Javascript+Flot是一个用于jQuery的纯|4319617|绘图库。它可以在客户端即时生成任意数据集的图形绘图。|blockquote|4319618|4319619|重点是简单的使用(所有设置都是可选的)，吸引人的外观和交互式功能，如缩放和鼠标跟踪。|4319620|4319621|该库可以生成条形图，并被我们的主站点使用-请查看Stack+Overflow+Reputation+History页面。|4319622|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/flot/|1|https://stackoverflow.com/users/6491/gimel?tab=reputation&sort=graph^0|3|I|0|0|0|0|0|0|0|13|I|1|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|13|8|@]|9|@]|C|$]]|$1|I|3|-4|5|6|7|14|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|15|8|@]|9|@]|C|$]]|$1|L|3|-4|5|6|7|16|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|17|8|@]|9|@$A|18|B|19|1|1A]]|C|$]]|$1|O|3|-4|5|6|7|1B|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]|W|$5|R|S|T|C|$U|X]]]]

Have a look at the <a href="http://code.google.com/p/flot/" rel="nofollow noreferrer">flot jQuery plugin</a>:
<blockquote>
Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.
The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming and mouse tracking.
</blockquote>
The library can produce bar graphs, and is used by our host site - have a look at Stack Overflow <a href="https://stackoverflow.com/users/6491/gimel?tab=reputation&amp;sort=graph">Reputation History</a> page.

blocks|key|5736909|text|这是一个完整的基于jQuery的甘特图编辑器麻省理工学院许可|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5736910|http://roberto.open-lab.com/2012/08/24/jquery-gantt-editor/|offset|length|5736911|如果你想要一个“完整”的可用评论，请看这里：|5736912|http://roberto.open-lab.com/2012/06/14/the-javascript-gantt-odyssey/|5736913|我最近添加了基于SVG的绘图和折叠/展开树功能。|5736914|请参阅http://roberto.open-lab.com/2014/05/15/jquery-gantt-editor-collapsible-branches/|5736915|entityMap|0|LINK|mutability|MUTABLE|url|1|2|http://roberto.open-lab.com/2014/05/15/jquery-gantt-editor-collapsible-branches/^0|0|0|1N|0|0|0|0|1W|1|0|0|3|28|2|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@]|9|@$D|Z|E|10|1|11]]|A|$]]|$1|F|3|G|5|6|7|12|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|13|8|@]|9|@$D|14|E|15|1|16]]|A|$]]|$1|J|3|K|5|6|7|17|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|18|8|@]|9|@$D|19|E|1A|1|1B]]|A|$]]|$1|N|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|C]]|U|$5|Q|R|S|A|$T|I]]|V|$5|Q|R|S|A|$T|W]]]]

This is a complete jQuery based Gantt Editor Mit licensed

<a href="http://roberto.open-lab.com/2012/08/24/jquery-gantt-editor/" rel="nofollow">http://roberto.open-lab.com/2012/08/24/jquery-gantt-editor/</a> 

If you want a "complete" review of available ones see here:

<a href="http://roberto.open-lab.com/2012/06/14/the-javascript-gantt-odyssey/" rel="nofollow">http://roberto.open-lab.com/2012/06/14/the-javascript-gantt-odyssey/</a> 

I Have recently added SVG based drawing and collapse/expand tree functionality.

See <a href="http://roberto.open-lab.com/2014/05/15/jquery-gantt-editor-collapsible-branches/" rel="nofollow">http://roberto.open-lab.com/2014/05/15/jquery-gantt-editor-collapsible-branches/</a>

blocks|key|1723635|text|对我来说，最好的是http://gantter.com/你不需要注册过程，它可以导出到msproject或pdf...太棒了！|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1723636|entityMap|0|LINK|mutability|MUTABLE|url|http://gantter.com/^0|9|J|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

For me, the best is <a href="http://gantter.com/" rel="nofollow noreferrer">http://gantter.com/</a> you don't need registration process, it exports to msproject or pdf.... perfect!

blocks|key|5736878|text|试试下面的一个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5736879|http://dhtmlx.com/docs/products/dhtmlxGantt/index.shtml+-整洁的图表，编辑任务的选项，一个严重的缺点:缺乏时间刻度的变化|offset|length|5736880|http://dojotoolkit.org/reference-guide/dojox/gantt.html+-+free+(!!)，相当不错，但很难定制(除非你修改源代码)|5736881|http://bryntum.com/gantt/+-到目前为止，是我最喜欢的工具之一-非常容易定制，但商业项目的许可还不清楚，你可以下载45天的试用版|5736882|http://www.tgantt.com/treegrid/www/Gantt.html+-实际上，这个看起来像是太空船的仪表板，所以它需要进行配置，仍然很难将其放入我的应用程序中|5736883|entityMap|0|LINK|mutability|MUTABLE|url|http://dhtmlx.com/docs/products/dhtmlxGantt/index.shtml|1|http://dojotoolkit.org/reference-guide/dojox/gantt.html|2|http://bryntum.com/gantt/|3|http://www.tgantt.com/treegrid/www/Gantt.html^0|0|0|1J|0|0|0|1J|1|0|0|P|2|0|0|19|3|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@]|9|@$D|11|E|12|1|13]]|A|$]]|$1|F|3|G|5|6|7|14|8|@]|9|@$D|15|E|16|1|17]]|A|$]]|$1|H|3|I|5|6|7|18|8|@]|9|@$D|19|E|1A|1|1B]]|A|$]]|$1|J|3|K|5|6|7|1C|8|@]|9|@$D|1D|E|1E|1|1F]]|A|$]]|$1|L|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S]]|T|$5|O|P|Q|A|$R|U]]|V|$5|O|P|Q|A|$R|W]]|X|$5|O|P|Q|A|$R|Y]]]]

Try one of this:

<a href="http://dhtmlx.com/docs/products/dhtmlxGantt/index.shtml" rel="nofollow">http://dhtmlx.com/docs/products/dhtmlxGantt/index.shtml</a> - neat chart, option to edit tasks, one serious drawback: lacks timescale change

<a href="http://dojotoolkit.org/reference-guide/dojox/gantt.html" rel="nofollow">http://dojotoolkit.org/reference-guide/dojox/gantt.html</a> - free (!!), quite nice, but very hard to customize (unless you modify the source code)

<a href="http://bryntum.com/gantt/" rel="nofollow">http://bryntum.com/gantt/</a> - so far, one of my favourites - very easy to customize, but licensing for commercial projects is unclear, you can download trial for 45 days

<a href="http://www.tgantt.com/treegrid/www/Gantt.html" rel="nofollow">http://www.tgantt.com/treegrid/www/Gantt.html</a> - actually, this one looks like a space vessel's dashboard and so it is to configure, still struggling to put this in my application

blocks|key|5736790|text|看看http://www.ext-scheduler.com吧。100%25+JavaScript，基于ExtJS。免责声明:是我写的。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5736791|entityMap|0|LINK|mutability|MUTABLE|url|http://www.ext-scheduler.com/^0|2|S|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Have a look at <a href="http://www.ext-scheduler.com" rel="nofollow noreferrer">http://www.ext-scheduler.com</a>. 100% JavaScript, based on ExtJS. Disclaimer: I wrote it.

blocks|key|1721450|text|JQuery+Gantt+Chart+-我测试过的最好的|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1721451|entityMap|0|LINK|mutability|MUTABLE|url|http://mbielanczuk.com/2011/06/jquery-gantt-chart/^0|0|I|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://mbielanczuk.com/2011/06/jquery-gantt-chart/" rel="nofollow">JQuery Gantt Chart</a> - the best I tested

blocks|key|5736952|text|我注意到在这个讨论中没有提到。这是相对较新的，但有很多功能，可定制的，可以绑定到任何类型的数据。在线演示是。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5736953|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I noticed that <a href="http://www.radiantq.com/" rel="nofollow">RadiantQ's jQuery Gantt Chart Package</a> is missing in this discussion. This is relatively new, but has a lot of features, customizable and can be bound to any kind of data. The online demo is <a href="http://demos.radiantq.com/jQueryGanttDemo/Demo.htm" rel="nofollow">here</a>.

blocks|key|5736659|text|有关甘特图生成的信息，请参阅：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5736660|5736661|http://www.mechanicalcat.net/tech/pytaskplan/|unordered-list-item|offset|length|5736662|http://www.strout.net/python/piddle/|5736663|http://opensched.sourceforge.net/|5736664|5736665|或者有通用的图表库，比如|5736666|5736667|http://matplotlib.sourceforge.net/|5736668|http://home.gna.org/pychart/|5736669|5736670|或者可能只是使用gnuplot。|5736671|entityMap|0|LINK|mutability|MUTABLE|url|1|2|3|4|5|http://www.gnuplot.info/^0|0|0|0|19|0|0|0|10|1|0|0|X|2|0|0|0|0|0|Y|3|0|0|S|4|0|0|8|7|5|0^^$0|@$1|2|3|4|5|6|7|19|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|1B|8|@]|9|@$F|1C|G|1D|1|1E]]|A|$]]|$1|H|3|I|5|E|7|1F|8|@]|9|@$F|1G|G|1H|1|1I]]|A|$]]|$1|J|3|K|5|E|7|1J|8|@]|9|@$F|1K|G|1L|1|1M]]|A|$]]|$1|L|3|-4|5|6|7|1N|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1O|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|1P|8|@]|9|@]|A|$]]|$1|P|3|Q|5|E|7|1Q|8|@]|9|@$F|1R|G|1S|1|1T]]|A|$]]|$1|R|3|S|5|E|7|1U|8|@]|9|@$F|1V|G|1W|1|1X]]|A|$]]|$1|T|3|-4|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|1Z|8|@]|9|@$F|20|G|21|1|22]]|A|$]]|$1|W|3|-4|5|6|7|23|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|D]]|13|$5|Z|10|11|A|$12|I]]|14|$5|Z|10|11|A|$12|K]]|15|$5|Z|10|11|A|$12|Q]]|16|$5|Z|10|11|A|$12|S]]|17|$5|Z|10|11|A|$12|18]]]]

For Gantt chart generation see:

<ul>
<li><a href="http://www.mechanicalcat.net/tech/pytaskplan/" rel="nofollow noreferrer">http://www.mechanicalcat.net/tech/pytaskplan/</a></li>
<li><a href="http://www.strout.net/python/piddle/" rel="nofollow noreferrer">http://www.strout.net/python/piddle/</a></li>
<li><a href="http://opensched.sourceforge.net/" rel="nofollow noreferrer">http://opensched.sourceforge.net/</a></li>
</ul>

or there are general charting libs like

<ul>
<li><a href="http://matplotlib.sourceforge.net/" rel="nofollow noreferrer">http://matplotlib.sourceforge.net/</a></li>
<li><a href="http://home.gna.org/pychart/" rel="nofollow noreferrer">http://home.gna.org/pychart/</a></li>
</ul>

or may be just use <a href="http://www.gnuplot.info/" rel="nofollow noreferrer">gnuplot</a>.

blocks|key|1721288|text|也许你可以通过这些例子得到一些关于如何做到这一点的印象：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1721289|1721290|http://www.yuml.me/|unordered-list-item|offset|length|1721291|http://creately.com/|1721292|http://www.chartle.net/|1721293|http://www.lovelycharts.com/|1721294|http://www.icharts.net/|1721295|https://scrumy.com/|1721296|http://chartgizmo.com/|1721297|http://www.archimy.com/|1721298|http://www.gliffy.com/|1721299|1721300|我希望这些足以给你一些启发。|1721301|entityMap|0|LINK|mutability|MUTABLE|url|1|2|3|4|5|6|7|8^0|0|0|0|J|0|0|0|K|1|0|0|N|2|0|0|S|3|0|0|N|4|0|0|J|5|0|0|M|6|0|0|N|7|0|0|M|8|0|0|0^^$0|@$1|2|3|4|5|6|7|1F|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|1H|8|@]|9|@$F|1I|G|1J|1|1K]]|A|$]]|$1|H|3|I|5|E|7|1L|8|@]|9|@$F|1M|G|1N|1|1O]]|A|$]]|$1|J|3|K|5|E|7|1P|8|@]|9|@$F|1Q|G|1R|1|1S]]|A|$]]|$1|L|3|M|5|E|7|1T|8|@]|9|@$F|1U|G|1V|1|1W]]|A|$]]|$1|N|3|O|5|E|7|1X|8|@]|9|@$F|1Y|G|1Z|1|20]]|A|$]]|$1|P|3|Q|5|E|7|21|8|@]|9|@$F|22|G|23|1|24]]|A|$]]|$1|R|3|S|5|E|7|25|8|@]|9|@$F|26|G|27|1|28]]|A|$]]|$1|T|3|U|5|E|7|29|8|@]|9|@$F|2A|G|2B|1|2C]]|A|$]]|$1|V|3|W|5|E|7|2D|8|@]|9|@$F|2E|G|2F|1|2G]]|A|$]]|$1|X|3|-4|5|6|7|2H|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|2I|8|@]|9|@]|A|$]]|$1|10|3|-4|5|6|7|2J|8|@]|9|@]|A|$]]]|11|$12|$5|13|14|15|A|$16|D]]|17|$5|13|14|15|A|$16|I]]|18|$5|13|14|15|A|$16|K]]|19|$5|13|14|15|A|$16|M]]|1A|$5|13|14|15|A|$16|O]]|1B|$5|13|14|15|A|$16|Q]]|1C|$5|13|14|15|A|$16|S]]|1D|$5|13|14|15|A|$16|U]]|1E|$5|13|14|15|A|$16|W]]]]

Maybe you can get some impressions of how it could be done by these examples:

<ul>
<li><a href="http://www.yuml.me/" rel="nofollow noreferrer">http://www.yuml.me/</a></li>
<li><a href="http://creately.com/" rel="nofollow noreferrer">http://creately.com/</a></li>
<li><a href="http://www.chartle.net/" rel="nofollow noreferrer">http://www.chartle.net/</a></li>
<li><a href="http://www.lovelycharts.com/" rel="nofollow noreferrer">http://www.lovelycharts.com/</a></li>
<li><a href="http://www.icharts.net/" rel="nofollow noreferrer">http://www.icharts.net/</a></li>
<li><a href="https://scrumy.com/" rel="nofollow noreferrer">https://scrumy.com/</a></li>
<li><a href="http://chartgizmo.com/" rel="nofollow noreferrer">http://chartgizmo.com/</a></li>
<li><a href="http://www.archimy.com/" rel="nofollow noreferrer">http://www.archimy.com/</a></li>
<li><a href="http://www.gliffy.com/" rel="nofollow noreferrer">http://www.gliffy.com/</a></li>
</ul>

I hope these are enough for some inspiration.

blocks|key|4319644|text|另请参阅Open+Flash+Chart，它还为最流行的编程语言提供了支持助手。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4319645|entityMap|0|LINK|mutability|MUTABLE|url|http://teethgrinder.co.uk/open-flash-chart/index.php^0|4|G|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

see also <a href="http://teethgrinder.co.uk/open-flash-chart/index.php" rel="nofollow noreferrer">Open Flash Chart</a>
it gives support helpers also for the most popular programming languages.

blocks|key|4319698|text|你可以在http://www.fusioncharts.com/widgets/gallery.asp上使用FusionWidget。它不是免费的，但它的甘特图对我来说非常有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4319699|entityMap|0|LINK|mutability|MUTABLE|url|http://www.fusioncharts.com/widgets/gallery.asp^0|4|1B|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You could use FusionWidget at <a href="http://www.fusioncharts.com/widgets/gallery.asp" rel="nofollow noreferrer">http://www.fusioncharts.com/widgets/gallery.asp</a>. It's not free, but its Gantt chart works greatly for me.

blocks|key|2207598|text|我喜欢这个，还在开发中，“使用风险自负”，但它非常拖拽|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2207599|http://ganttapp.appspot.com|offset|length|2207600|entityMap|0|LINK|mutability|MUTABLE|url|http://ganttapp.appspot.com/^0|0|0|R|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

I like this one, is still under development, "use it at your own risk" but it's very drag and drop

<a href="http://ganttapp.appspot.com" rel="nofollow noreferrer">http://ganttapp.appspot.com</a>

I need to insert a horizontal bar chart in a web page. The thing I have to do is very similar to a Gantt Chart.

I'd like to use a javascript library for the purpose. I tried jsgantt, but actually it is not very beautiful.

I could evaluate also a server generation of the graph. In case my server side language is Python.

It will be part of an internal project with no internet access, so Google Charts isn't an option.

Gantt Chart online

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我需要在网页中插入水平条形图。我要做的事情非常类似于甘特图。为此，我想使用javascript库。我试过jsgantt，但实际上它不是很漂亮。我还可以评估服务器生成的图形。以防我的服务器端语言是Python。这将是一个没有互联网接入的内部项目的一部分，所以谷歌图表不是一个选择。

问联机甘特图
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问联机甘特图EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问联机甘特图
EN