JQuery: Post - Consulta, estoy muy perdido

[KabaMx]

Tengo un index.php, unos scripts en un archivo principal.js y otro archivo llamado resultado.php.

Index Head Referencias y Links:

Código:

                <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    	        <script type="text/javascript" src="https://www.google.com/jsapi"></script>

		<script type="text/javascript" src="js/principal.js"></script>

		<script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
		<link rel="stylesheet" type="text/css" href="styles/jquery.dataTables.css">

		<link rel="stylesheet" type="text/css" href="styles/main.css">
		<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>

Este es mi principal.js

Código:

google.load('visualization', '1', {'packages':['corechart']});

function CerrarSesion(){
        window.location = "php/cerrarsesion.php";
}  

function drawChart() {
                    console.log("ENTRO"); // NO ENTRA NUNCA
                    var data2 = new google.visualization.DataTable($(this).data('grafico'));
                    var options = {
                        title: 'Actividad Registrada',
                        is3D: 'true',
                        width: 450,
                        height: 300
                    };

                    function selectHandler() {
                        var selectedItem = chart.getSelection()[0];
                        if (selectedItem) {
                            var value = data2.getValue(selectedItem.row, 0); 
                                   
                            $datos = { 'proceso' : value  }
                            $.post( "../php/graficos.php", $datos, function( data2 ) {

                                $("#Graficos").html( data2 );

                            });

                        }
                    }}


$(document).ready(function(e){

        $('#UserList').load('php/listausuarios.php #UserList', function(data){
					$(this).html(data);
		});
        
        //////////////////////COMBOBOX
    	$("#UserList").on('click', '.Cuadrito',  function() {

            if($(this).data('que')=='area'){
                $que = 'area';
            }

            if($(this).data('que')=='terminal'){
                $que = 'terminal';
            }
            

    		$id = $(this).data('id');
    		$fechaMin = $("#fecha-min").val();
    		$fechaMax = $("#fecha-max").val();

    		$datos = {
    			 'id' : $id,
    			 'fechaMin' : $fechaMin,
    			 'fechaMax' : $fechaMax,
                 'que' : $que
    		}

    		$.post( "../fisgon2/php/resultado.php", $datos, function( data ) { //Aqui es donde manda llamar el resultado
                
                $("#ResultsInformacion").html( data ); //Se trae todo el Php

                google.load('visualization', '1', {'packages':['corechart']});
                google.setOnLoadCallback(drawChart); //AQUI LLAMA LA FUNCION QUE DIBUJA, PERO NUNCA ENTRA
            });

                

    	});
});

Y finalmente el resultado.php pues no hace mas que traerse unos datos y dibujar el html... crear un div donde le asigno los datos que va necesitar la grafica para dibujar y se los paso como esta arriba en el JS (EN AZUL LO PUSE)... tambien me traego un DataTable y lo pasa bien todo, pero no le pone el paginado, ni la busqueda, ni nada... es decir, no carga el dataTable.js que esta en el index, y tampoco el google jsapi que necesita notifica cuando google ya dio respuesta en estas lineas:

google.load('visualization', '1', {'packages':['corechart']});
google.setOnLoadCallback(drawChart); //AQUI LLAMA LA FUNCION QUE DIBUJA, PERO NUNCA ENTRA

Alguien me dice como debo de hacerlo? =(, soy muy nuevo en esto y he estado haciendola "de rambo"...

EDITO: Dejo una imagen, espero que pueda ayudar un poco de referencia


EDITO 2: Ya probé el DataTable y la Gráfica en 2 archivos separados y funcionan, solo que en los archivos donde esta el html que dibuja los componentes que necesitan, también estan los scripts