- 综合排序
- 最热优先
- 最新优先
- 来自专栏MZGantt甘特图插件使用分享
MZGantt：原生JavaScript甘特图插件
MZGantt是一款基于原生JavaScript开发的Web甘特图插件，专为项目管理系统、生产排程等进度计划管理场景设计。
9110编辑于 2026-02-04 js甘特图插件(MZGantt)技术文档
MZGantt甘特图插件MZGantt是一款原生js开发的甘特图插件。支持vue，ts，js等，支持流行的各种前端框架，可以快速引用到我们的web程序或者移动应用中。 mzgantt.css"/><scriptlanguage="javascript"src="https://cdn.jsdelivr.net/npm/mzgant@1.0.7/cdn/<em>mzgantt</em>.js 包，具体有如下几个包，按具体需求引入//1.基础包：<em>MZGantt</em>（必须引入。 包含移动端支持功能）import{<em>MZGantt</em>,MZGanttEditor}from'/node_modules/<em>mzgantt</em>';//获取并设置授权key//授权key放置此处并打开注释定义甘特图容器 npm/<em>mzgantt</em>@1.0.7/cdn/<em>mzgantt</em>.js"></script><scriptlanguage="javascript"src="https://gcore.jsdelivr.net
18300编辑于 2026-01-13- 来自专栏MZGantt甘特图插件使用分享
js甘特图插件MZGantt 1.0.15 版本发布
MZGantt1.0.15版本带来多项功能更新与优化，进一步提升用户体验与开发效率。以下是新版本的核心改进内容。数据导入功能支持新版本支持数据导入功能，用户可通过外部数据源直接导入任务数据。
5410编辑于 2026-02-07 - 来自专栏MZGantt甘特图插件使用分享
JS甘特图插件MZGantt: 数据导入功能
MZGantt提供了importData(data)方法，用于动态替换甘特图中的数据。该方法适用于需要从外部数据源（如本地文件）加载数据并更新甘特图的场景。 导入的数据必须符合MZGantt的格式规范，否则可能导致渲染异常。数据格式要求以下为data参数的核心字段说明，分为必填项和可选项：必填项id:字符串类型，任务的唯一标识符。 (具体细节参考官网：https://mzgantt.com/docs)调用导入方法执行ganttInstance.importData(newData)，甘特图会立即刷新显示新数据。
9010编辑于 2026-01-29 - 来自专栏MZGantt甘特图插件使用分享
JS甘特图插件MZGantt：自定义右键菜单
MZGantt 自定义右键菜单实现指南在 MZGantt 图表库中，通过 contentMenus 参数可以灵活地自定义右键菜单项。以下是一个完整的实现示例和说明。
11810编辑于 2026-01-29 - 来自专栏MZGantt甘特图插件使用分享
JS甘特图插件MZGantt：有关数据顺序的详细说明
数据排序在MZGantt中的关键作用MZGantt作为一款专业的javascript甘特图插件，数据排序是确保任务正确显示的基础环节。任务数据的顺序直接影响甘特图的层级结构和时间轴展示效果。 插件生成数据的排序处理通过MZGantt插件进行增删改操作时，系统会自动为每行任务数据添加seq属性。该属性采用自上而下递增的数值序列，精确记录任务在视图中的显示顺序。
13310编辑于 2026-01-27 - 来自专栏MZGantt甘特图插件使用分享
原生JS甘特图插件MZGantt：多选下拉列表实现详解
列定义配置在MZGantt中实现多选下拉列表功能，需在列定义对象中配置特定属性：展开代码语言：JavaScriptAI代码解释{name:"testCol4",field:"custCol",title
10010编辑于 2026-02-03 给web页面添加甘特图功能，只需三条命令！
使用MZGantt插件，给web页面添加一个甘特图，只需要三条命令。请看示例。展开代码语言：CSSAI代码解释//************开始*********<! --1.导入甘特图插件--><linkrel="stylesheet"type="text/css"href="https://cdn.jsdelivr.net/npm/<em>mzgantt</em>@1.0.7/cdn /<em>mzgantt</em>.css"/><scriptlanguage="javascript"src="https://gcore.jsdelivr.net/npm/<em>mzgantt</em>@1.0.7/cdn/<em>mzgantt</em>.js /<em>mzgantt</em>.css"/><scriptlanguage="javascript"src="https://gcore.jsdelivr.net/npm/<em>mzgantt</em>@1.0.7/cdn/<em>mzgantt</em>.js ..com)下载示例程序：<em>MZGantt</em>甘特图插件_普通js版示例程序:<em>MZGantt</em>是一款原生js开发的甘特图插件。
13810编辑于 2026-01-13- 来自专栏MZGantt甘特图插件使用分享
jsweb甘特图插件MZGantt： 进度条联动方式设置方法
MZGantt提供了强大的任务进度条联动功能，允许在拖动某个任务进度条时，其他相关任务的进度条自动更新。该功能通过linkUpdMode参数配置实现，支持多种联动模式和自定义样式。 示例配置：展开代码语言：JavaScriptAI代码解释linkUpdMode:{"mode":"R","barColor":"#FF7575"}动态设置联动模式除了静态配置，MZGantt还支持动态修改联动模式
7210编辑于 2026-02-05 - 来自专栏MZGantt甘特图插件使用分享
【纯js甘特图插件MZGantt】动态数据加载与渲染技术
MZGantt提供了一种高效的数据加载方式，通过loadType:"listenLoad"配置，结合监听器机制实现动态数据渲染。 2.初始化甘特图及插件初始化MZGantt实例后，依次启动编辑器、导出、移动端支持等插件，并通过createGantt方法绑定DOM容器和视图模式（如"day"）。最后传入配置对象完成基础设置。 config配置数据中，设置loadTypeloadType:"listenLoad",//以下内容放在ajax的前，不要放里面---------------------->constmyGantt=MZGantt.init 数据格式需符合MZGantt的数据标准结构。通过这种模式，MZGantt在复杂业务场景下仍能保持高效和灵活性，尤其适合需要动态数据交互的项目管理系统。
8110编辑于 2026-02-12 - 来自专栏MZGantt甘特图插件使用分享
JS甘特图插件MZGantt：工作时间段设置详解（1.0.12版）
MZGantt(1.0.12)工作时间段设置详解MZGantt1.0.12版本支持在小时视图（hour）下灵活配置工作时间段，并可通过参数控制显示效果。以下是关键功能说明及示例。
14910编辑于 2026-01-27 - 来自专栏MZGantt甘特图插件使用分享
【JS甘特图插件MZGantt】实现带图标的下拉列表框，只需2步
MZGantt中，如何实现如图的下拉列表框？
10410编辑于 2026-02-04
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号