Vous pouvez ajouter des diagrammes de Gantt dans le Visualisation afficher pour un meilleur affichage, par exemple des solutions de planification et de planification.
Les diagrammes de Gantt sont automatiquement créés pour afficher la solution aux problèmes de planification créés avec Modeling Assistant. Cependant, vous pouvez éditer, créer et configurer les diagrammes de Gantt pour n'importe quel type de données pertinentes à l'aide du widget Gantt. Vous pouvez utiliser Editeur de widget pour sélectionner les scénario pertinent, et Ressources, Activités, Réservations et Dates à afficher. Vous pouvez également utiliser l'éditeur JSON pour configurer des diagrammes de Gantt en cliquant sur l'icône en forme de crayon et en sélectionnant le panneau JSON.
data
valeur de zone $cognitive-gantt
permet ici de manière dynamique au widget Gantt de se connecter à la solution Modeling Assistant . Ce chargement dynamique peut également signifier que le diagramme de Gantt peut prendre un certain temps avant d'apparaître.{
"name": "",
"type": "Gantt",
"props": {
"container": "",
"data": "$cognitive-gantt",
"spec": {},
"search": ""
}
}
resources
, activities
et reservations
, comme suit: "data": [
"resourcesTableName",
"activitiesTableName",
"reservationsTableName"
],
spec
pour définir ces tables, comme suit. Les zones parent
sont facultatives mais toutes les autres zones sont obligatoires. "resources": {
"data": "resourcesTableName",
"id": "id",
"parent": "parent",
"name": "name"
},
"activities": {
"data": "activitiesTableName",
"id": "id",
"name": "name",
"start": "start",
"end": "end",
"parent": "parent"
},
"reservations": {
"data": "reservationsTableName",
"activity": "activity",
"resource": "resource"
},
Une autre zone obligatoire que vous devez également définir dans la spécification est dateFormat afin que tous les formats de date communs puissent être convertis en dates réelles. Certains formats de date communs sont par exemple'yyyy-MM-dd
','yyyy-MM-dd
HH:mm:ss
', etc. Vous pouvez également utiliser S
for milliseconds for Epoch time, par exemple, "dateFormat": "S"
. dateFormat
doit correspondre aux zones "start"
et "end"
de la table "activity"
.
Le message d'erreur Aucune fenêtre de temps définie s'affiche jusqu'à ce que vous définissez la table activity
, avec les zones start
et end
qui utilisent le dateFormat
spécifié.
resourceQuantity dans lequel vous pouvez configurer la colonne de quantité dans la table des ressources pour permettre au diagramme de Gantt d'obtenir les informations nécessaires pour remplir un graphique de ressources de chargement pour vous. Vous pouvez définir cette colonne comme suit:
"resourceQuantity": "quantity"
- Vous pouvez également définir le type de diagramme de Gantt dont vous avez besoin :
ActivityChart
ouScheduleChart
. Vous pouvez définir le type comme suit:"type": "ActivityChart",
. Vous pouvez également omettre ce paramètre et la valeur par défaut estScheduleChart
. Si vous choisissez de disposer d'unActivityChart
, vous devez fournir des informations supplémentaires sur le nom de la table de contraintes et le mappage de cette table:"constraints": { "data": "constraintsTableName", "from": "from", "to": "to", "type": "type" },
Les valeursfrom
etto
sont les noms de colonne de votre table de contraintes qui définissent l'ordre de priorité des tâches. Les valeurs de type correspondent ici aux valeurs 0 à 3 de la bibliothèque de diagrammes de Gantt :
Par exemple, si votre tâcheSTART_TO_START: 0, START_TO_END: 2, END_TO_END: 3, END_TO_START: 1,
to
démarre après la fin de votre tâchefrom
, sélectionnez 1 comme valeur de type.
ScheduleChart
exemple{
"name": "",
"type": "Gantt",
"props": {
"container": "",
"data": [
"resources",
"activities",
"reservations"
],
"spec": {
"resources": {
"data": "resources",
"id": "id",
"parent": "parent",
"name": "name"
},
"activities": {
"data": "activities",
"id": "id",
"name": "name",
"start": "start",
"end": "end",
"parent": "parent"
},
"reservations": {
"data": "reservations",
"activity": "activity",
"resource": "resource"
},
"dateFormat": "S",
"resourceQuantity": "quantity"
},
"search": ""
}
}
ActivityChart
exemple{
"name": "",
"type": "Gantt",
"props": {
"container": "",
"data": [
"resources",
"activities",
"reservations",
"constraints"
],
"spec": {
"type": "ActivityChart",
"resources": {
"data": "resources",
"id": "id",
"parent": "parent",
"name": "name"
},
"activities": {
"data": "activities",
"id": "id",
"name": "name",
"start": "start",
"end": "end",
"parent": "parent"
},
"constraints": {
"data": "constraints",
"from": "from",
"to": "to",
"type": "type"
},
"reservations": {
"data": "reservations",
"activity": "activity",
"resource": "resource"
},
"dateFormat": "S",
"resourceQuantity": "quantity"
},
"search": ""
}
}