Как показать гистограмму после изменения значения выпадающего значения?

Question

Я хочу нарисовать гистограмму после успеха AJAX.Теперь, что я делаю, когда меняю значение выпадающего меню #job_title, тогда график не отображается.Но если я делаю это без ajax, то это работает отлично.Итак, как я могу это сделать?код:

<script>
    $(document).ready(function(){
        $("#job_title").change(function(){
            job = $(this).val();
            $.ajax({
                type:"POST",
                data:{"job":job},
                url:"<?php echo base_url(); ?>graph",
                success:function(data){
                    var grp = data;
                },
                var chart = new CanvasJS.Chart("chartContainer", {
                        animationEnabled: true,
                        theme: "light2",
                        title: {
                            text: "Resumes"
                        },
                        axisY: {
                            title: "Number of Apps",
                            includeZero: false
                        },
                        data: [{
                            type: "column",
                            dataPoints: grp;
                        }]
                    });
                    chart.render();
            });
        });
    });
</script>

контроллер:

public function graph()
{
    $data['cid'] = $this->session->userdata('cid');
    $cid = $data['cid'][0]['cid'];
    $job = $this->input->post('job');
    $data['uploaded'] = $this->Main_data->Uploaded($cid,$job);
    $this->load->view('graph',$data);
}

graph.php

<?php
    $dataPoints = array(
        array("label"=> "Uploaded", "y"=> $uploaded),
    );
    echo json_encode($dataPoints, JSON_NUMERIC_CHECK);
?>