Intégrer feuille de calcul + graphique en fonction
Résolu/Fermé
A voir également:
- Intégrer feuille de calcul + graphique en fonction
- Fonction si et - Guide
- Feuille de pointage excel - Télécharger - Tableur
- Calcul moyenne excel - Guide
- Changer carte graphique - Guide
- Formule de calcul excel - Guide
1 réponse
Utilisateur anonyme
11 mars 2015 à 18:44
11 mars 2015 à 18:44
J'ai tenté quelque chose avec une librairie de graphique en open source.
Je tente de récupérer les données de mon fichier radar.html et de les transférer vers le fichier cible.html et qu'il interprète les données en les affichant dans le graphique.
Voici mon code pour radar.html :
Puis cible.html :
Mais je n'arrive pas à ce que le graphique récupère les données de l'autre page ... Quelqu'un peut m'aider? (je ne suis pas du tout pro !!)
Je tente de récupérer les données de mon fichier radar.html et de les transférer vers le fichier cible.html et qu'il interprète les données en les affichant dans le graphique.
Voici mon code pour radar.html :
<!doctype html>
<html>
<meta charset="UTF-8">
<form method="post" action="cible.html">
<body>
<h2>1- Activité relationnelle (le groupe)</h2><br>
<h3>Soutien managérial</h3>
Quelle est la qualité de ses échanges avec son n+1, du travail en commun, du soutien en cas d'imprévu...?<br><br>
<input type="radio" name="sm" id="case1" value="1"/> <label for="proximite">Proximité</label>
<input type="radio" name="sm" id="case2" value="2"/> <label for="contact">Contact</label>
<input type="radio" name="sm" id="case3" value="3"/> <label for="distance">Distance</label>
<input type="radio" name="sm" id="case4" value="4"/> <label for="fuite">Fuite</label>
<input type="radio" name="sm" id="case5" value="5"/> <label for="abandon">Abandon</label>
<br><br>
<h3>Echanges d'équipe</h3>
Quelle caractéristique des échanges professionnels et/ou personnels au sein de son service, son équipe...?<br><br>
<input type="radio" name="eq" id="case1" value="1"/> <label for="intensite">Intensité</label>
<input type="radio" name="eq" id="case2" value="2"/> <label for="presence">Présence</label>
<input type="radio" name="eq" id="case3" value="3"/> <label for="repli">Repli</label>
<input type="radio" name="eq" id="case4" value="4"/> <label for="isolement">Isolement</label>
<input type="radio" name="eq" id="case5" value="5"/> <label for="Rupture">Rupture</label>
<br><br>
<h3>Vie personnelle</h3>
Les aspects connus de sa vie personnelle et émotionnelle à travers ses propos sur : sa santé, sa famille, ses loisirs, etc.?<br><br>
<input type="radio" name="vp" id="case1" value="1"/> <label for="epanouissement">Epanouissement</label>
<input type="radio" name="vp" id="case2" value="2"/> <label for="normale">Normale</label>
<input type="radio" name="vp" id="case3" value="3"/> <label for="discretion">Discrétion</label>
<input type="radio" name="vp" id="case4" value="4"/> <label for="fermeture">Fermeture</label>
<input type="radio" name="vp" id="case5" value="5"/> <label for="mutisme">Mutisme</label>
<br><br>
<h2>2- Cohérence du système (l'organisation)</h2><br>
<h3>Valeurs partagées</h3>
Quelle est son adhésion aux valeurs de l'entreprise, à ses méthodes de travail, à sa responsabilité sociale...?
<br><br>
<input type="radio" name="vp" id="case1" value="1"/> <label for="adhesion">Adhésion</label>
<input type="radio" name="vp" id="case2" value="2"/> <label for="acceptation">Acceptation</label>
<input type="radio" name="vp" id="case3" value="3"/> <label for="critique">Critique</label>
<input type="radio" name="vp" id="case4" value="4"/> <label for="contestation">Contestation</label>
<input type="radio" name="vp" id="case5" value="5"/> <label for="rejet">Rejet</label>
<br><br>
<h3>Règles et procédures</h3>
Quelle est la pertinence des règles et méthodes applicables dans son travail ; quelle vision de leur efficacité...?
<br><br>
<input type="radio" name="rp" id="case1" value="1"/> <label for="evidence">Evidence</label>
<input type="radio" name="rp" id="case2" value="2"/> <label for="soumission">Soumission</label>
<input type="radio" name="rp" id="case3" value="3"/> <label for="contournement">Contournement</label>
<input type="radio" name="rp" id="case4" value="4"/> <label for="transgression">Transgression</label>
<input type="radio" name="rp" id="case5" value="5"/> <label for="exasperation">Exaspération</label>
<br><br>
<h3>Performance globale</h3>
Quelle réussite perçue de l'entreprise ? Quel sentiment dans la capacité du groupe social à relever les défis...
<br><br>
<input type="radio" name="pg" id="case1" value="1"/> <label for="reussite">Réussite</label>
<input type="radio" name="pg" id="case2" value="2"/> <label for="moyenne">Moyenne</label>
<input type="radio" name="pg" id="case3" value="3"/> <label for="survie">Survie</label>
<input type="radio" name="pg" id="case4" value="4"/> <label for="echec">Echec</label>
<input type="radio" name="pg" id="case5" value="5"/> <label for="angoisse">Angoisse</label>
<br><br>
<h2>3- Epanouissement personnel (la personne)</h2><br>
<h3>Liberté d'action</h3>
Quelles marges de manoeuvre dans son organisation, sa façon de traiter son travail, ses choix...?
<br><br>
<input type="radio" name="la" id="case1" value="1"/> <label for="autonomie">Autonomie</label>
<input type="radio" name="la" id="case2" value="2"/> <label for="restriction">Restriction</label>
<input type="radio" name="la" id="case3" value="3"/> <label for="contrainte">Contrainte</label>
<input type="radio" name="la" id="case4" value="4"/> <label for="blocage">Blocage</label>
<input type="radio" name="la" id="case5" value="5"/> <label for="asservissement">Asservissement</label>
<br><br>
<h3>Reconnaissance</h3>
Quelle est l'image du salarié dans l'entreprise et vis-à-vis de lui-même (félicitations, rémunération, carrière...) ?
<br><br>
<input type="radio" name="r" id="case1" value="1"/> <label for="estime">Estime </label>
<input type="radio" name="r" id="case2" value="2"/> <label for="satisfaction">Satisfaction</label>
<input type="radio" name="r" id="case3" value="3"/> <label for="deception">Déception</label>
<input type="radio" name="r" id="case4" value="4"/> <label for="injustice">Injustice</label>
<input type="radio" name="r" id="case5" value="5"/> <label for="exploitation">Exploitation</label>
<br><br>
<h3>Santé/capacité perso</h3>
Quel est son état physique et psychique à travers ses propos, sa tenue physique...?<br><br>
<input type="radio" name="scp" id="case1" value="1"/> <label for="tonicite">Tonicité</label>
<input type="radio" name="scp" id="case2" value="2"/> <label for="moyenne">Moyenne</label>
<input type="radio" name="scp" id="case3" value="3"/> <label for="fatigue">Fatigue</label>
<input type="radio" name="scp" id="case4" value="4"/> <label for="obession">Obsession</label>
<input type="radio" name="scp" id="case5" value="5"/> <label for="epuisement">Epuisement</label>
<br><br>
<h2>4- Réalisation du travail (la fonction)</h2><br>
<h3>Conditions de travail</h3>
Quelles sont les contraintes du poste liées aux connexion avec les autres, aux imprévus, aux interruptions...?
<br><br>
<input type="radio" name="ct" id="case1" value="1"/> <label for="aisance">Aisance</label>
<input type="radio" name="ct" id="case2" value="2"/> <label for="faisabilite">Faisabilité</label>
<input type="radio" name="ct" id="case3" value="3"/> <label for="complications">Complications</label>
<input type="radio" name="ct" id="case4" value="4"/> <label for="incoherence">Incohérence</label>
<input type="radio" name="ct" id="case5" value="5"/> <label for="absurdite">Absurdité</label>
<br><br>
<h3>Charge de travail</h3>
Quelle adaptation du volume de travail et des responsabilités assumées aux possibilités et aux moyens accordés ?
<br><br>
<input type="radio" name="cht" id="case1" value="1"/> <label for="valorisation">Valorisation</label>
<input type="radio" name="cht" id="case2" value="2"/> <label for="acceptation">Acceptation</label>
<input type="radio" name="cht" id="case3" value="3"/> <label for="resignation">Résignation</label>
<input type="radio" name="cht" id="case4" value="4"/> <label for="douleur">Douleur</label>
<input type="radio" name="cht" id="case5" value="5"/> <label for="autodestruction">Autodestruction</label>
<br><br>
<h3>Satisfaction</h3>
Quel est le niveau de satisfaction ressenti dans l'effort et la maîtrise de sa fonction ?
<br><br>
<input type="radio" name="s" id="case1" value="1"/> <label for="plaisir">Plaisir</label>
<input type="radio" name="s" id="case2" value="2"/> <label for="habitude">Habitude</label>
<input type="radio" name="s" id="case3" value="3"/> <label for="gene">Gêne</label>
<input type="radio" name="s" id="case4" value="4"/> <label for="aigreur">Aigreur</label>
<input type="radio" name="s" id="case5" value="5"/> <label for="sanction">Sanction</label>
<br><br>
<input type="submit" value="Valider" />
</form>
</body>
</html>
Puis cible.html :
<head>
<title>Radar Chart</title>
<script src="../Chart.js"></script>
<meta name = "viewport" content = "initial-scale = 1, user-scalable = no">
<style>
canvas{
}
</style>
</head>
<script>
var radarChartData = {
labels: ["Satisfaction", "Soutien manag\351rial", "Echanges d'\351quipe", "Vie personnelle", "Valeurs partag\351es", "R\350gles et proc\351dures", "Performances globale","Libert\351 d'action","Reconnaissance","Sant\351/capacit\351 perso","Conditions de travail","Charge de travail"],
datasets: [
{
label: "My dataset",
fillColor: "rgba(161,136,165,0.4)",
strokeColor: "rgba(83,14,88,1)",
pointColor: "rgba(83,14,88,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(161,136,165,1)",
data: [<?php echo print $_POST['sm']; ?>,<?php echo print $_POST['eq']; ?>,<?php echo print $_POST['vp']; ?>,<?php echo print $_POST['rp']; ?>,<?php echo print $_POST['pg']; ?>,<?php echo print $_POST['la']; ?>,<?php echo print $_POST['r']; ?>,<?php echo print $_POST['scp']; ?>,<?php echo print $_POST['ct']; ?>,<?php echo print $_POST['cht']; ?>,<?php echo print $_POST['s']; ?>]
}
]
};
window.onload = function(){
window.myRadar = new Chart(document.getElementById("canvas").getContext("2d")).Radar(radarChartData, {
responsive: true
});
}
</script>
<div style="width:30%">
<canvas id="canvas" height="450" width="450"></canvas>
</div>
Mais je n'arrive pas à ce que le graphique récupère les données de l'autre page ... Quelqu'un peut m'aider? (je ne suis pas du tout pro !!)
