Graphique avec variable json

Bonjour à tous,
je n'arrive pas à afficher un graphique lié aux résultats d'un formulaire.
Voici mon code,

Code:

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
 
<html>
<head>
<meta charset="utf-8" />
<title>Test jQuery</title>
<link rel="stylesheet" href="styleform.css" />
</head>
<body>
    <div id="chartdiv" style="width: 640px; height: 400px;"></div>
<?php
$valeurx = $_POST['valeurx'];
$valeury = $_POST['valeury'];
 
$donneesform= array (
'valeurx' => $valeurx,
'valeury' => $valeury);
 
$data = json_encode($donneesform);
echo $data;
?>
 
</body>
</html>
<script src="amcharts/amcharts.js" type="text/javascript"></script>
<script src="amcharts/serial.js" type="text/javascript"></script>
<script type="text/javascript">
 
  var chartData = JSON.parse( '<?php echo $data ?>' );
 
 AmCharts.ready(function() {
var chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = 'valeurx';   
var graph = new AmCharts.AmGraph();
graph.valueField = 'valeury';
graph.type = "column";
chart.addGraph(graph);
chart.write('chartdiv');
});
 
</script>

j'ai essayé avec cette ligne aussi :

var chartData = <?php echo $data ?>;

aucun graphique, pouvez-vous me dire où est le problème svp ?
merci d'avance!