常见问题

MZGantt使用常见问题汇总。

1. 页面中引用插件后，执行创建甘特图指令，甘特图没有创建出来，如何解决？
答: 一般情况下，有如下几个原因：
  • 插件是否正确引用？
  • 指令是否正确？
  • 执行创建指令时，甘特图容器div是否已经加载？=>请确认指令执行时所在的生命周期环节，确保容器div已经加载。
    • 2. 打开甘特图页面时，浏览器自动重定向到甘特图官网，如何解决？

    答：这是由于您使用的域名或IP地址没有获得授权，请联系我们获取授权key，设置正确的访问key后就可正常访问：

    3. 打开甘特图页面时，甘特图未正常显示到容器中，什么原因？

    答：这是由于您在执行甘特图生成命令(createGantt)时，容器div还未加载成功，甘特图插件找不到该容器，从而未正常显示。请确保容器div在执行该命令前加载成功（vue中，可以把该命令置于mounted中）

    4. 打开甘特图页面时，总是跳转到MZGantt官网，什么原因？
    答：这是您尚未获取正式授权或者您的授权不合法。具体有几种情况:
    1. 试用授权到期
    2. 使用授权或个人版授权，部署到外网服务器或者不受支持的网段服务器
    解决：联系我们获取正式授权即可。
    5. 使用uniapp开发完程序，运行到浏览器(H5）时，一切正常，但运行到手机或模拟器时（安卓等）却无法正在加载，什么原因？

    答：这是由于uniapp基于ECMAScript扩展了uni对象，非H5端的js特性支持不完善，从而未正常显示。可以按照以下步骤解决该问题：

    1. 下载普通JS版本甘特图插件，并完成甘特图html页面
    2. 使用uniapp的webview组件，引用甘特图页面
    完成！

    6. vue3+vite架构中，使用npm版本的MZGantt插件，页面中import插件后，会出现卡死现象，且无任何log输出，什么原因？

    答：可能是框架版本或者引用路径不正确造成。具体可按照以下方法对应：

    1. 请检查插件引用路径是否正确；
    2. 建议node版本20或以上；
    3. vite版本建议5.0及以上（vite2.9.16会出现卡死现象）；
    然后重启项目，打开页面检查是否可以正常打开。

    7. 正常设置任务层级关系（父子任务），为何父任务图标未正常显示？

    答：可能的原因有如下几个：

    1. 加载的任务数据中，父任务属性isGroup的值确保设置为1；
    2. 任务名称列的定义，其field确保设置为name（固定定义）；
    以上设置正确，则父任务图标会正常显示。

    8. 加载任务数据，为何子任务不在其父节点的下面，而是在其他位置？

    答：绑定任务数据(bindGanttData方法)前，须先按照任务中的seq值从小到大进行排序，然后再绑定。下面几点请注意：

    1. seq保存了当前任务的顺序号；
    2. 建议seq在后台设置为浮点数（小数点后位置也可以酌情多设置几位，以便能随意的在任务行中插入新任务）；

    9. MZGantt插件已经引用到页面，且授权key已经放置在甘特图页面中，但甘特图页面仍然加载不出来或者仍显示水印，什么原因？

    答：请排查以下两点：

    1. 授权key文件是一行代码，不能作为MZGantt.LicenseKey的值；
    2. 不要格式化授权key；