团队需要基于Jira Issue做一些甘特图，方便进行工作排期，工作统计等。上网搜了一波感觉都不太符合预期，因此决定结合antd自己开发一个gantt

通过拖动时间轴上的标记来展示、编辑和分享项目的时间线。这种技术广泛应用于各种领域，包括项目管理、视频编辑、音乐制作、教育、科学研究等。

前言 上一篇介绍了如何实现布局，本篇就具体来聊聊如何使用svg实现甘特图～现实前端开发中，svg常常是作为页面中的小icon存在，在移动开发中，还会作为一张背景图，主要是为了性能优化，减少网络请求。

前不久使用div实现了一个简易版的甘特图，今天再用Vue结合图表工具Echarts实现，依旧以天为基准，以秒为最小单位，以从0到1含代码分析。

一、背景公司业务需要，管理层做项目管理就会制定项目计划，为了更好的的做好项目计划就需要用到做计划常用的工具甘特图，而且做好计划管理对项目的风险管控也有很大的好处。二、甘特图官网以及文档地址https:

gantt 图性能优化实践 ; 此文章通过 gantt 性能问题展开详细剖析，从 0 到 1 完整解决性能问题方案，帮助各位小伙伴打开分析性能问题视角。

成年人的世界：一天是永恒的缩影！！！！！！ 甘特图的前端生成的调研-说是调研，不如说是找了一个半开源的库

手把手教你 在 React 使用 dhtmlx - gantt 实现 甘特图（下） 在上一期文章已经展示了部分功能，这一期我们继续讲述接下来的功能 这一期的功能

结果均是以失败告终（不符合业务需求，改造难度大）。 调整一下心情，重新踏上甘特图组件调研之路 🤕，终于，被我发现了 Top 5 : Best free jQuery and JavaScript Dynamic Gantt Charts for web application…