Créez des diagrammes de GANTT avec JQuery

JQuery GANTT est un plugin JQuery qui permet de générer un digramme de Gantt rapidement.

Le design « à la mac » du rendu est très agréable, comme vous pouvez le voir sur cet aperçu :

Compatibilité

Le plugin est compatible sur les navigateurs suivants :

• Firefox 4+
• Chrome 13+
• Safari 5+
• Opera 9+
• IE 8+

Utilisation

L’instanciation du plugin nécessite de lui donner les informations relatives à chaque taâche

$(".gantt").gantt({
	source: [{
		name: "Sprint 0",
		desc: "Analysis",
		values: [{
			from: "/Date(1320192000000)/",
			to: "/Date(1322401600000)/",
			label: "Requirement Gathering", 
			customClass: "ganttRed"
		}]
	,{
		name: " ",
		desc: "Scoping",
		values: [{
			from: "/Date(1322611200000)/",
			to: "/Date(1323302400000)/",
			label: "Scoping", 
			customClass: "ganttRed"
		}]
	},{...}
	}],
	navigate: "scroll",
	scale: "weeks",
	maxScale: "months",
	minScale: "days",
	itemsPerPage: 10,
	onItemClick: function(data) {
		alert("Item clicked - show some details");
	},
	onAddClick: function(dt, rowId) {
		alert("Empty space clicked - add an item!");
	}
});

Et voilà de quoi finir vos sites de gestion de projets

La documentation complète est disponible sur le site officiel