FAQ

Summary of FAQ on the Use of MZGantt.

1. After referencing the plugin in the page and executing the command to create the Gantt chart, the Gantt chart is not created. How to solve this?
Answer: Generally, there are the following reasons:
  • Is the plugin correctly referenced?
  • Is the command correct?
  • When executing the creation command, is the Gantt chart container div already loaded? => Please confirm the lifecycle phase when the command is executed to ensure the container div is loaded.
    • 2. When opening the Gantt chart page, the browser automatically redirects to the Gantt chart official website. How to solve this?

    Answer: This is because the domain name or IP address you are using is not authorized. Please contact us to obtain the authorization key. After setting the correct access key, you can access it normally.

    3. When opening the Gantt chart page, the Gantt chart is not displayed correctly in the container. What is the reason ?

    Answer: This is because the container div has not been successfully loaded when executing the Gantt chart generation command (createGantt). The Gantt chart plugin cannot find the container, so it is not displayed correctly. Please ensure that the container div is successfully loaded before executing the command (in Vue, you can place the command in mounted).

    4. When opening the Gantt chart page, it always jumps to the MZGantt official website. What is the reason?
    Answer: This is because you have not obtained formal authorization or your authorization is invalid. There are several situations:
    1. Trial authorization expired
    2. Use of unauthorized or personal version authorization deployed on external servers or unsupported network segment servers
    Solution: Contact us to obtain formal authorization.
    5. After developing a program using uniapp, everything works fine when running in the browser (H5), but it cannot load properly when running on mobile phones or simulators (such as Android). What is the reason ?

    Answer: This is because uniapp extends the uni object based on ECMAScript, and the JS features of non-H5 terminals are not well supported, so it does not display properly. You can solve this problem by following these steps:

    1. Download the ordinary JS version of the Gantt chart plugin and complete the Gantt chart HTML page.
    2. Use the webview component of uniapp to reference the Gantt chart page.
    Finish!

    6. In a Vue3 + Vite architecture, after importing the npm version of the MZGantt plugin into the page, there is a freeze with no log output. What could be the reason?

    Answer: This might be due to incorrect framework versions or import paths. You can try the following:

    1. Please check that the plugin import path is correct;
    2. We recommend Node.js version 20 or higher;
    3. The Vite version should be 5.0 or above (Vite 2.9.16 may cause freezing);
    Then restart your project and check if the page loads correctly.

    7. When setting up task hierarchy (parent-child tasks) correctly, why isn't the parent task icon displayed properly?

    Answer: Possible reasons include:

    1. Ensure the value of the isGroup property for parent tasks in the loaded task data is set to 1;
    2. The definition of the task name column must have its field set to name (a fixed definition);
    With these settings correct, the parent task icon should display properly.

    8. Why are subtasks not under their parent nodes but in other positions when loading task data?

    Answer: Before binding task data (using the bindGanttData method), you must first sort the tasks by their seq values in ascending order, and then bind them. Please note the following points:

    1. The seq value stores the current task's sequence number.
    2. It is recommended to set seq as a floating-point number in the backend (you can set more decimal places as needed to easily insert new tasks into task rows).

    9. MZGantt plugin has been included in the page, and the license key has been placed within the Gantt chart page, but the page still fails to load and there is still a watermark present, Why?

    Answer: Please check following points：

    1. The content of the license key file itself is a single line of code, and it cannot be used as the value for MZGantt.LicenseKey；
    2. Do not format the lencense key.