formulario para gestionar graficas

[elmoikano]

Hola amigos del foro, pues vengo con esta duda:

estoy generando graficas con JSON y con HighCharts, y todo muy suabe ya se generan lo gráficos correctamente; ahora la tabla que manejo tiene datos de diferentes años y quisiera saber somo podría hacer un formulario muy sencillo en el que sólo seleccione el año del que quiero la gráfica, hasta ahora tengo esto:

formulario html

Código HTML:

<form method="post" action="datacol.php">
	
	<select name="medio" tabindex="6">
					<option value='2014' selected>2014</option>
					<option value='2015' >2015</option>
					<option value='2016' >2016</option>
					<option value='2017' >2016</option>
					<option value='2018' >2016</option>
				</select>
	
	<input type="submit"/>
</form> 

el action lo envío al archivo datacol.php que es el siguiente:

Código PHP:

  <?php
$con = mysql_connect("localhost","root"," ");
 
if (!$con) {
  die('Could not connect: ' . mysql_error());
}
 
mysql_select_db("encuestas", $con);
 
$query = mysql_query("SELECT YEAR (fecha) as Y,MONTH(fecha) as MES, MONTHNAME(fecha) AS NOMBRE,fecha,  ROUND(AVG(profun),2) as profavg,ROUND(AVG(orden),2) as ordavg,ROUND(AVG(claridad),2) as claAVG,  ROUND(AVG(mat_didactico),2) as matavg,ROUND(AVG(ac_dudas),2) as acavg,ROUND(AVG(m_tiempo),2) as  mtavg from dbencuestas group by MES");
 
$category = array();
$category['name'] = 'MES';
 
$series1 = array();
$series1['name'] = 'Profundidad';
 
$series2 = array();
$series2['name'] = 'Orden';
 
$series3 = array();
$series3['name'] = 'Claridad';
 
$series4 = array();
$series4['name'] = 'Mat_Didáctico';
 
$series5 = array();
$series5['name'] = 'Aclara_Dudas';
 
$series6 = array();
$series6['name'] = 'Manejo_Tiempo';
 
 
while($r = mysql_fetch_array($query)) {
    $category['data'][] = date ("M-Y", strtotime ($r ['fecha'])); //date("g:i:s - A",strtotime($row['duracion']));
    $series1['data'][] = $r['profavg'];
    $series2['data'][] = $r['ordavg'];
    $series3['data'][] = $r['claAVG'];
    $series4['data'][] = $r['matavg'];  
    $series5['data'][] = $r['acavg'];  
    $series6['data'][] = $r['mtavg'];   
}
 
$result = array();
array_push($result,$category);
array_push($result,$series1);
array_push($result,$series2);
array_push($result,$series3);
array_push($result,$series4);
array_push($result,$series5);
array_push($result,$series6);
 
 
print json_encode($result, JSON_NUMERIC_CHECK);
 
mysql_close($con);
?>   

este archivo es el que proporciona los datos para graficar en el archivo prom_satisfacción.php, pero no se como enviar datacol.php a este que es el que muestra el grafico

Código PHP:

          <script type="text/javascript">
        $(document).ready(function() {
            var options = {
                chart: {
                    renderTo: 'container',
                    type: 'column',
                    marginRight: 130,
                    marginBottom: 25
                },
                title: {
                    text: 'Promedio de Satisfacción Mensual',
                    x: -20 //center
                },
                subtitle: {
                    text: '',
                    x: -20
                },
                xAxis: {
                    categories: []
                },
                yAxis: {
                    title: {
                        text: '% satisfacción'
                    },
                    plotLines: [{
                        value: 0,
                        width: 1,
                        color: '#808080'
                    }]
                },
                tooltip: {
                    formatter: function() {
                            return '<b>'+ this.series.name +'</b><br/>'+
                            this.x +': '+ this.y +'%'; 
                    }
                },
                legend: {
                    layout: 'vertical',
                    align: 'right',
                    verticalAlign: 'top',
                    x: -10,
                    y: 100,
                    borderWidth: 0
                },
                series: []
            }
            
            $.getJSON("datacol.php", function(json) {
                options.xAxis.categories = json[0]['data'];
                options.series[0] = json[1];
                options.series[1] = json[2];
                options.series[2] = json[3];
                options.series[3] = json[4];
                options.series[4] = json[5];
                options.series[5] = json[6];
                chart = new Highcharts.Chart(options);
            });
        });
        </script>
        
        
        <script src="http://code.highcharts.com/highcharts.js"></script>
        <script src="http://code.highcharts.com/modules/exporting.js"></script> 
  

Algúna idea? agradezco su ayuda.. Un cordial saludo.