React ??? ???? ?? ??? ???? ???? Gantt ??? ?? ?? ???? ??? ?? ???? ???? ??? ??? ???? ???? ????.

??? React?? ??? ??? ??? ?? ??? ???? ?? ??? ??? ?? ?? ? ????. ??? ?? SVAR ?? ? ?? ??? ???? ???? ???? ?? ?? ??? UI ?? ??? SVAR React Gantt? ??? ?????.

???? ?????? ? ??? ??

SVAR Gantt? React ???? ??? ?? ???????. ???? ?? ??? ??? ???? ?? ??? ??? ? ??? ???????. ?? ???? ?? ????? ??? ??? ?? ??? ?? ?? ???? ??? ???? ?????.

???? ?? ??, ?? ?? ??? ?? ???? ???? ??? ?? ??????? ???? ?? ???? ???? ????? ???? ??? Gantt ??? ??? ??? ? ????.

???? SVAR React Gantt? ?? ??? ??????

? ???? ??

SVAR React Gantt ?? ??? ?? ?? ?? ??? ?? ?????. ???? ??? ??? ?? ??? ??, ??, ??? ? ????. ?? ??? ??/?? ??? ??? ? ???? ?????? ?? ??? ?? ????.

????? ??, ?? ??(?? ??? ???? ?? ??), ???? ? ? ?? ?? ??? ?????. ? ?? ????? ???? ???? ???? ???? ?? ??? ? ????. ?? ?? ??? ???? ?? ??? ???? ????? ?? ??? ??? ?? ????.

?? ??? ???

SVAR Gantt? ???? ?? ??? ?? ??? ? ????. ?? ??? ???? ??, ???? ??, ?? ?, ???? ??? ? ??? ??? ??? ?????. ?? ???? ?? ?? ??? ?? ?? ?????? ?? ??? ? ????.

? ????? UI ??

SVAR Gantt? ???? ??? ???? ??? ? ?? ???? ??? ?????? ?????. ??? ?????:

• ??? ? ?? ?? ??
• ??? ???? ?? ?? ??
• ??? ?? ?? ??
• ????? ?? ???
• ???? ?? ? ?? ?? ??
• ???? ?? ??

? ??? ??? ??

???? UI? ?? ?? ?? ???? ????? ??? ? ??? ???? ??? ???? ?? ??? ??? ??? ??? ??? ? ????.

• ??? ?? ??? ?? ??? ???(??, ??, ??)
• ?? ??? ???? ?? ? ???
• ??/??? ?????
• ?? ???? ?? ??? ?? ??
• ?? ?? ?? ??? ?? ??

? ?? ??? ??

SVAR Gantt? ???? ??? ??? ??????? ??? ??? ???? ??? ? ????. ???? ??? ???? ??? ?????-?? ?? ??? ????? ?? ??? ???? ?????.

??? ??? ???? ??? ??? ?? ?? ? ?? ??? ??? ????.

• ??? ?????? ???? ??
• ?? ?? ?? ??
• ???? ???
• ??? ??? ??? ?? RestDataProvider
• ?? ???? ??

????

SVAR Gantt? ????? ????? npm? ?? ?????.

npm ?? wx-react-gantt

?? ?? React ??? ?? ??? ?????.

<script>
    import { Gantt } from "wx-react-gantt";

    const tasks = [
        {
            id: 1,
            start: new Date(2024, 3, 2),
            end: new Date(2024, 3, 17),
            text: "Project planning",
            progress: 30,
            parent: 0,
            type: "summary",
            open: true,
            details: "Outline the project's scope and resources.",
        },
    ];
    const links = [];
    const scales = [
        { unit: "month", step: 1, format: "MMMM yyy" },
        { unit: "day", step: 1, format: "d", css: dayStyle },
    ];
</script>

<Gantt {tasks} {links} {scales} />

??? ??? ??? ?? ???? ?????.

??? ??????

?? ?????? SVAR Gantt? ??? ???! ??? ???? ???? ?? ?? ???? ??? ????? ?? ????. ??? ??? ?? Gantt ?? ??? ???? ???? ? ??? ?? ??? ??? ?????.

• ? SVAR ?? ????
• ? ?? ?? ??
• ? ??? ??
• ? ?? ??

? ??? SVAR Gantt: React? ?? ??? ?? ??, ??? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!