腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

综合排序丨最热优先丨最新优先

js甘特图插件(MZGantt)技术文档

MZGantt甘特图插件MZGantt是一款原生js开发的甘特图插件。支持vue，ts，js等，支持流行的各种前端框架，可以快速引用到我们的web程序或者移动应用中。 MZGantt支持js引用和npm安装两种使用方式。下载使用前，先下载普通js版插件或使用npm进行安装。引用MZGantt插件在html页面头部中引入如下js包：普通js引用:展开代码语言：JavaScriptAI代码解释<! //(1)使用插件npm安装包时，如果需要编辑、导出和移动端支持功能，引用相应功能包后，需要在此启动//(2)使用插件普通js包时，以下启动（start）命令可以略去。八.下载普通js版进入下载：MZGantt甘特图插件（普通js版）或者使用CDN：<scriptlanguage="javascript"src="https://gcore.jsdelivr.net/

2026-01-13

6420

标签:

js甘特图插件MZGantt 1.0.15 版本发布

vue中可以使用npminstallmzgantt@1.0.15可直接安装，普通js版本到官网下载。

2026-02-07

2420

标签:

JS甘特图插件MZGantt: 数据导入功能

MZGantt提供了importData(data)方法，用于动态替换甘特图中的数据。该方法适用于需要从外部数据源（如本地文件）加载数据并更新甘特图的场景。 (具体细节参考官网：https://mzgantt.com/docs)调用导入方法执行ganttInstance.importData(newData)，甘特图会立即刷新显示新数据。自定义列：支持扩展字段，但需确保甘特图配置中已定义对应列。通过灵活使用importData，可以实现甘特图与本地数据的快速集成。

2026-01-29

2740

标签:

软件项目管理

JS甘特图插件MZGantt：自定义右键菜单

注意事项图标路径需使用相对项目根目录的路径回调函数中的 row 参数包含当前触发菜单的甘特行数据菜单项按数组顺序从上到下显示通过这种配置方式，可以轻松扩展甘特图的交互功能

2026-01-29

3330

标签:

软件项目管理

原生JS甘特图插件MZGantt：多选下拉列表实现详解

2026-02-03

2620

标签:

【纯js甘特图插件MZGantt】动态数据加载与渲染技术

2.初始化甘特图及插件初始化MZGantt实例后，依次启动编辑器、导出、移动端支持等插件，并通过createGantt方法绑定DOM容器和视图模式（如"day"）。最后传入配置对象完成基础设置。在异步请求（如AJAX）的success回调中，直接为listener.rawGanttData赋值即可触发甘特图动态渲染。后续数据更新时，修改此属性可立即刷新视图。 3.实时性适用于需要频繁更新数据的场景（如实时协作系统），数据变化可即时反映到甘特图中。▮典型应用场景异步数据加载：从后端API获取任务数据后动态渲染。 ajax的前，不要放里面---------------------->constmyGantt=MZGantt.init();//定义甘特图实例MZGanttEditor.start(myGantt); //启动编辑myGantt.createGantt("GanttChartDIV","day");//创建甘特图对象myGantt.config(ganttConfig);//配置甘特图//定义监听器vardata

2026-02-12

2420

标签:

JS甘特图插件MZGantt：有关数据顺序的详细说明

数据排序在MZGantt中的关键作用MZGantt作为一款专业的javascript甘特图插件，数据排序是确保任务正确显示的基础环节。任务数据的顺序直接影响甘特图的层级结构和时间轴展示效果。插件生成数据的排序处理通过MZGantt插件进行增删改操作时，系统会自动为每行任务数据添加seq属性。该属性采用自上而下递增的数值序列，精确记录任务在视图中的显示顺序。

2026-01-27

3320

标签:

MZGantt：原生JavaScript甘特图插件

MZGantt是一款基于原生JavaScript开发的Web甘特图插件，专为项目管理系统、生产排程等进度计划管理场景设计。其无需安装插件，兼容所有主流浏览器及前端框架，支持多国语言本地化，提供丰富的功能与卓越的性能表现。核心优势跨平台兼容性采用纯JavaScript开发，天然支持所有主流浏览器（Chrome、Firefox、Edge等），无需依赖ActiveX等插件技术。

2026-02-04

4550

标签:

免费JS甘特图组件dhtmlxgantt

Nuget nuget install DHTMLX.Gantt npm npm install dhtmlx-gantt 或使用CDN、下载JS库引入（简单HTML应用）。 "></script> js <script type="text/javascript" src="codebase/dhtmlxgantt.js"></script> <link rel="stylesheet 默认布局为左侧是任务信息列表，右侧是甘特图时间线，自定义布局可在右侧、下方显示更多信息。自定义布局可显示资源列表和资源的甘特图时间线，但仅Pro版本可用。使用插件可扩展甘特图的基本功能。使用时，先引入插件，然后按照插件的使用配置甘特图（config属性配置）。

2021-05-19

19.5K0

标签:

JS甘特图插件MZGantt：工作时间段设置详解（1.0.12版）

显示全天时间（onlyShowWorkhours:"N"）时间轴完整显示24小时，工作时段可能通过颜色或标记区分（具体效果依赖插件主题）。注意事项时间格式为HH:mm或者H，且结束时间需晚于开始时间。

2026-01-27

4130

标签: