- 博客(27)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 简单易用的vue3甘特图组件：mzgantt-vue3
摘要： mzgantt-vue3 是基于 MZGantt 的 Vue 3 封装组件，支持甘特图编辑、导出图片和多语言功能。需搭配 Vue 3.2+ 和 mzgantt 核心库使用。安装时需同时安装两个依赖包，在 Vite + Vue 3 项目中通过简单导入即可使用。组件提供丰富的配置选项（数据、时间刻度、语言等）和事件回调（加载完成、点击条等），并支持通过 ref 调用导出图片、刷新视图等方法。内置工具栏和加载状态示例，可快速集成到现有项目。
2026-03-30 00:12:57
463
原创 【原生JS甘特图MZGantt 】如何给父任务设置独立进度条
MZGantt图表工具提供了fixParent参数来控制父任务进度条的自动计算功能。默认情况下，父任务进度会基于子任务自动计算，而设置fixParent:1可让父任务进度独立设置。这一功能适用于里程碑任务或需要自定义进度评估的场景。通过简单的配置即可实现，但需注意手动设置可能带来的数据一致性风险。该参数有效平衡了自动计算与手动控制的灵活性。
2026-03-25 23:32:59
68
原创 【js/web甘特图插件MZGantt】如何使用外部弹框添加和修改任务（updRows方法使用说明）
MZGantt甘特图插件通过updRows方法实现外部弹框与甘特图的数据交互，支持添加、插入、编辑等多种任务操作。该方法接收操作类型和任务数据对象作为参数，自动处理ID生成和父子任务关联。开发者需构造包含名称、时间等关键字段的任务对象，调用方法后根据返回结果进行后续处理。此方案突破了行内编辑的限制，为复杂业务场景提供了灵活的任务管理方式，同时支持前置任务、颜色等扩展配置。
2026-03-09 10:48:46
35
原创 【js/web甘特图插件MZGantt】1.0.18版本发布
MZGantt 1.0.18版本带来多项优化：支持自定义右键菜单显示项，新增列样式和表头样式独立配置，优化下拉框宽度控制以解决长文本显示问题，改进拖动操作流畅性。建议通过npm或官网下载更新，注意修正cellRender事件名称拼写问题（数字1改为字母l）。该版本显著提升了组件定制化能力和用户体验。
2026-03-04 07:57:54
199
原创 【纯js甘特图插件MZGantt】动态数据加载与渲染技术
MZGantt通过loadType: "listenLoad"配置实现动态数据加载，核心流程包括：1)配置监听模式；2)初始化甘特图及插件；3)通过监听器对象listener.rawGanttData更新数据。该方法具有性能优化、代码简洁和实时性优势，适用于异步加载、实时协作等场景。使用时需注意数据格式规范，确保在初始化完成后赋值。这种方式有效分离数据与渲染逻辑，提升复杂业务场景下的交互效率。
2026-02-12 19:44:53
53
原创 web甘特图插件MZGantt： 进度条联动方式设置方法
摘要：MZGantt提供任务进度条联动功能，通过linkUpdMode参数配置多种联动模式（R/D/P/N）和自定义颜色。支持静态配置和动态修改，适用于不同任务关系场景，通过颜色区分提升可视化效果。详情参见官网。
2026-02-05 18:12:47
360
原创 js甘特图插件MZGantt 1.0.15 版本发布
MZGantt 1.0.15版本发布，带来多项功能升级：新增数据导入功能，支持多选下拉框和图标下拉框组件；优化工作时间段设置（workingHourSetting）和时间精度自定义（timePrecision）；完善数据绑定验证逻辑，简化数据结构（取消custColsVal特殊要求）。建议用户升级体验完整功能，支持npm安装或官网下载JS版本。
2026-02-04 14:00:37
56
原创 【纯JS甘特图插件MZGantt】实现带图标的下拉列表框，只需2步
在MZGantt中实现带图标的下拉列表框只需两步：1）定义资源列表，包含value/text/src参数；2）在列配置中设置type为"DropDownList"，通过options关联资源列表。关键参数show控制显示方式（icon/text/both），multiSelect决定是否允许多选。注意确保图片路径正确，建议使用统一尺寸图标以获得最佳显示效果。
2026-02-04 12:28:15
51
原创 原生JS甘特图插件MZGantt：多选下拉列表实现详解
摘要：MZGantt实现多选下拉列表需在列定义中配置type: "DropDownList"和multiSelect: true属性，选项数据需为包含value和text的对象数组。前端渲染时下拉框会显示多选标记和已选项样式，适用于需要多选的业务场景。详细配置可参考MZGantt官网文档。（98字）
2026-02-03 16:08:58
54
原创 JS甘特图插件MZGantt: 数据导入功能
MZGantt提供importData(data)方法用于动态更新甘特图数据。该方法要求数据符合特定格式，必填字段包括任务ID和名称，可选字段支持任务分组、时间计划、依赖关系等。操作流程包括数据准备、方法调用和提交保存。使用时需注意数据完整性校验和自定义列配置，确保与本地数据快速集成。
2026-01-29 09:06:18
240
原创 JS甘特图插件MZGantt：自定义右键菜单
本文介绍了如何在MZGantt图表库中自定义右键菜单，通过contentMenus参数配置菜单项。详细说明了name、text、func和icoFile等属性的用法，并提供了完整的代码示例和回调函数定义方法。文章还包含注意事项，帮助开发者正确实现自定义菜单功能，满足不同业务场景的需求。
2026-01-28 21:55:16
117
原创 JS甘特图插件MZGantt：有关数据顺序的详细说明
MZGantt甘特图插件中数据排序直接影响任务显示效果。插件自动为任务添加seq属性记录顺序，建议同步保存至数据库。后端数据需按seq升序返回，外部数据需预处理排序。调试时可通过控制台检查seq值，确保其唯一性和连续性。注意seq仅用于排序，加载时非必填字段。
2026-01-27 18:54:10
288
原创 JS甘特图插件MZGantt：工作时间段设置详解（1.0.12版）
MZGantt 1.0.12版本提供了灵活的工作时间配置功能，支持通过workingHourSetting参数设置多个工作时段（如6:30-12:30和14:30-18:30）。用户可通过timePrecision调整时间精度（10/30分钟），并选择onlyShowWorkhours参数决定是否仅显示工作时段（"Y"隐藏非工作时间，"N"显示全天）。配置支持HH:mm或H格式，任务条会自动适配可见范围，便于项目时间管理。
2026-01-27 11:40:27
355
原创 JS甘特图插件MZGantt：一个完整的示例
MZGantt是一款纯JavaScript实现的甘特图插件，支持跨框架使用。该插件提供任务时间轴可视化、依赖关系展示和动态交互功能，可通过CDN快速集成到Web应用中。示例代码展示了如何配置资源列表、设置甘特图参数，并实现新增任务、删除行、导出图片等核心操作。插件支持多种时间刻度（日/周/月/季度）切换，并能显示实际进度和里程碑任务，适用于项目管理等场景。
2026-01-07 21:16:33
712
原创 纯js甘特图插件MZGantt：如何禁用首行自动勾选功能
摘要：MZGantt甘特图插件默认自动勾选首行数据，可通过设置autoSelect参数为0禁用该功能。该参数仅在初始化时生效，动态修改无效。配置示例展示了如何禁用自动勾选，并附有效果对比图说明差异。注意此设置不影响后续手动交互操作。
2025-12-29 23:42:09
193
原创 纯js甘特图：MZGantt如何修改甘特图任务缩进量
摘要：MZGantt甘特图可通过indentAdj参数调整任务缩进量，默认值为0表示无额外缩进。增大该值可增加缩进（支持0-2.0范围的小数值），减小则降低缩进。示例代码展示如何设置为1实现中等缩进效果，需注意使用浮点数格式。建议保持默认值或根据实际需求微调，具体可参考官网技术文档。（99字）
2025-12-23 12:25:44
236
原创 纯js甘特图：MZGantt如何启用任务编辑功能？
本文介绍了MZGantt甘特图插件的任务编辑功能启用方法。首先需引入核心模块和编辑模块，通过配置参数设置可编辑模式（"e"）。初始化空数据后创建甘特图实例并启用编辑器，最后可通过getUpdatedRows()方法获取修改后的任务数据，其中包含关键字段如seq（顺序标识）、operation（操作类型）和plan（时间计划）。数据持久化时建议按seq字段排序存储。该功能支持前端任务编辑和后台数据同步，适用于项目管理场景。
2025-12-22 15:37:01
363
原创 纯JS甘特图插件——MZGantt下载及引用说明
MZGantt提供JS版和npm版两种下载方式，支持普通JS引用、CDN加载和模块化导入。基础包MZGantt为必选，其他功能包（如编辑、导出、移动端支持）可按需引入。CDN引用时通过独立脚本加载各功能，npm项目可通过import按需导入。详细说明参考官网技术文档。
2025-12-20 23:57:57
214
原创 使用MZGantt快速创建Web甘特图（直接拷贝即用）
本文介绍如何通过CDN快速集成MZGantt甘特图组件。只需3步：1)引入CDN资源文件；2)准备DOM容器；3)配置任务数据并初始化渲染。该方案无需本地部署，直接拷贝示例代码即可实现专业级甘特图功能，特别适合快速原型开发和中小型项目管理需求。通过修改taskData数组可动态更新图表内容。
2025-12-18 21:59:28
298
原创 MZGantt甘特图插件：进度条文字上下居中方法
本文介绍了MZGantt甘特图插件中进度条文字样式的自定义方法。通过titleStyle属性可以调整文字对齐方式（如垂直居中、水平居中）、颜色、大小等样式。文章提供了具体代码示例，包括使用top微调垂直位置、修改文字颜色大小、添加背景增强可读性等。同时展示了如何在进度条定义中应用这些样式设置，帮助用户实现更精确的视觉效果。最后建议根据实际需求微调样式参数，并提供了官方交流渠道。
2025-09-14 23:59:43
304
原创 MZGantt甘特图插件，如何自定义右键菜单？
MZGantt是一款原生js开发的甘特图插件，可以快速应用在我们的web页面和移动应用中。具体请参考示例程序网站：www.mzgantt.com
2025-04-25 16:17:15
256
原创 给web页面添加甘特图功能，只需三条命令！
MZGantt是一款原生js开发的甘特图插件。支持vue，ts，js等，支持流行的各种前端框架，可以快速引用到我们的web程序或者移动应用中。
2024-03-13 23:52:39
2310
2
原创 大叔程序员，纯JS开发的甘特图插件
MZGantt是一款纯js开发的甘特图插件，可以快速应用于您的web项目。支持拖拽编辑，支持列自定义，支持多段展示，支持自定义日历，样式可调，使用简单，可参数化配置，并提供丰富配置参数和接口满足项目需求
2023-10-09 21:45:30
4509
5
原创 初次接触mybatis，这个奇怪的问题估计你也会碰到
昨天帮朋友写一本java程序，因为好久没动手写java的代码了，而且mybatis也是第一次接触，代码写好后执行，就提示一个奇怪的错误：org.apache.ibatis.ognl.NoSuchPropertyException:ijava.util.Arrays$ArrayList.XXXXXXX其中XXXXXX部分是我定义的List类型的参数，提示消息说没有XXXXXX属性，看来系统把这个参数作为属性来进行识别了。最后经过搜索和一番试用调查，发现，在Dao的接口方法定义中，如果把这个参数（Li
2021-11-12 12:16:15
703
原创 Python开发中，有些棘手难办的问题可以这样来解决！
最近用Python做一个需要画图表的程序，使用了matplotlib包。可是出现了一个奇怪的现象：每次运行到画图那一段时，Tkinter界面就缩小了，然后图表才显示出来。调查了好久，尝试过升级matplotlib的版本，也按照网上的方式做配置的修改，但问题仍未得到解决！然后就想，不知道把matplotlib降个版本会如何？于是把版本从最新的3.4.3降到3.2.2，再运行，一切OK！万岁！！再结合此前在开发python过程中碰到的一些经验，发现：Python程序开发过程中，有些棘手难办、不明所以
2021-10-03 11:59:23
268
原创 可视化项目进度管理和生产计划排程
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-11-19 15:20:05
3671
MZGantt示例程序
2026-01-07
MZGantt甘特图插件使用实例
2024-03-13
MZGantt甘特图插件（原生js插件）
2024-03-13
PB源码文件导出工具(PB Picker 修正版)
2018-12-11
根据城市名称得到城市编号（电话区号）
2020-09-25
PB源码文件导出工具(for PB10,11,12)
2019-03-25
PB源码文件导出工具(PB Picker)
2018-08-03
JS甘特图控件
2017-11-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人