Bonjour à la communauté,
je souhaite mettre en place un outil statistique en lien avec des appartements thérapeutiques équipés en domotique, ces derniers sont situés dans un centre de rééducation pour personnes en situation de handicape.
Je veux générer des représentations graphiques à partir de jeux de données brutes au format CSV. Mon problème est que je ne parviens pas à faire fonctionner la sélection du type de graphique désiré (via menu déroulant). Je récupère bien la "value" du "select" mais impossible de la passer à la fonction. J'utilise D3JS et C3JS pour les librairies graphiques, pas de soucis de ce côté là.
Étant une buse en javascript j'aurai bien besoin d'un petit coup de pouce de la part de personnes compétentes.
Je mets ici mon code pour celles et ceux qui auraient la bonté de s'y intéresser :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<html>
<head>
	<style type = "text/css">
 
		div{
		position : absolute;
		top : 5%;
		width : 100%;
		height : 80%;
		border : 1px black solid;
		text-align : center;
		}
	</style>
</head>
<body>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Choix</title>
<script type="text/javascript">
        function recup_valeur(graph) {
                var select = document.getElementById(graph);
                var options = select.getElementsByTagName('option');
                return options[select.selectedIndex].value;             
        }
        function affiche_valeur(graph) {
                var valeur = recup_valeur(graph);
                //Test de retour de la valeur
                alert(valeur);  
        
                var chart = c3.generate({
                        data: {
                                url: 'Ressources/C3_test1.csv',
                                type: bar
                        },                      
                        //Durée de la transition
                        transition: {
                                duration: 2000
                        },                      
                        //Taille du graph
                        size: {
                                height: 240,
                                width: 510
                        },                      
                        // Affichage de grille  
                        grid: {
                        x: {
                        show: true
                        },
                        y: {
                        show: true
                        }
                        }                       
                }
                );
                setTimeout(function () {
                        chart.load({
                                url: 'Ressources/C3_test2.csv'                                                          
                        }                       
                );
                }, 2000);
                setTimeout(function () {
                        chart.load({
                                url: 'Ressources/C3_test3.csv'                          
                        });
                }, 4000);               
                setTimeout(function () {
                        chart.load({
                                url: 'Ressources/C3_test2.csv'                          
                        });
                }, 6000);               
                setTimeout(function () {
                        chart.load({
                                url: 'Ressources/C3_test1.csv'                          
                        });
                }, 8000);               
                setTimeout(function () {
                        chart.load({
                                url: 'Ressources/C3_test3.csv'                          
                        });
                }, 10000);                      
                }               
</script>
<div>
<form method="post" action="">
		<select id = "graph">
		<option value = "donut" selected>Donuts</option>
		<option value = "scatter">Points</option>
		<option value = "bar">Barres</option>
		<option value = "line">Lignes</option>
		<option value = "pie">Camembert</option>
		<option value = "spline">Courbes</option>
		<option value = "area-spline">Courbes avec plages</option>
	</select>
</form>
	<button type="button" onclick="affiche_valeur('graph');">Valider</button>		
</div>
</body>
</html>

D'avance merci.