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> |
Partager