Bonjour,

Ayant de faibles notions de programmation WEB je fais appel à vos aides. Je suis actuellement en train de créer une page html pour un projet.

Mon but pouvoir comparer 2 voitures sous la forme d'un graphique de type radar.

Je me suis donc dit qu'il serait bon tout simplement de partir sur un canvas avec chart.js.

Voici mon code, les datas sont à titre d'exemple :

		new Chart(document.getElementById("radar-chart"), {
			type: 'radar',
			data: {
				labels: ["Acceleration", "Vitesse", "Tenue de route", "Fiabilite", "Poids", "Prix"],
				datasets: [{
					label: "PEUGEOT 206",
					fill: true,
					backgroundColor: "rgba(179,181,198,0.2)",
					borderColor: "rgba(179,181,198,1)",
					pointBorderColor: "#fff",
					pointBackgroundColor: "rgba(179,181,198,1)",
					data: [54,37,99,76,90,29]}, {
					label: "RENAULT CLIO",
					fill: true,
					backgroundColor: "rgba(255,99,132,0.2)",
					borderColor: "rgba(255,99,132,1)",
					pointBorderColor: "#fff",
					pointBackgroundColor: "rgba(255,99,132,1)",
					pointBorderColor: "#fff",
					data: [59,60,100,53,83,42]}
]
    },
    options: {
      title: {
        display: false,
        text: ''
      }
    }
});

 Ci-dessus, pas de problème tout fonctionne comme je le souhaite et les 2 véhicules sont bien comparés.

Maintenant j'aimerai pouvoir choisir 2 véhicules dans une liste déroulante et les comparer de la même manière. A ce niveau je n'ai aucune idée de comment faire... Une piste pour m'aider ?

Merci à tous !