React : un nouveau composant pour créer des graphiques Gantt

Par:
francoistonic

mer, 20/11/2024 - 12:16

Les graphiques Gantt sont parmi les plus connus. SVAR propose depuis le 15 novembre un composant Gantt pour React : SVAR Gantt for React. Il est utilisable immédiatement et le composant est open source. Il permet de concevoir et d'afficher des diagrammes de Gantt avec un minimum de code. Vous pouvez faire des graphs de tâches, des tâches de dépendances, etc. Les graphs sont interactifs : vous pouvez inclure des actions, faire un zoom à la volée, personnaliser le graphique.

Pour l'utiliser : npm install wx-react-gantt

Pour lancer le composant :

<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} />
Documentation complète : https://docs.svar.dev/react/gantt/