关于highcharts的参数传递问题

本人最近用highcharts的column控件开发图形页面。

现在正在开发一个ajax动态更新column的功能，但遇到点小疑惑，请用过的童鞋帮忙看看.

代码如下：

function drawChart(data){
    var title,c,d;
    if("undefine"==data){
        title = '';
        c='';
        d='';
    }else{
        title=data[0].title;
        c=data[0].categories;
        d=data[0].data; 
    }
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: title
        },
        subtitle: {
            text: 'Source: essp'
        },
        xAxis: {
            categories: eval(c),
            title: {
                text: null
            }
        },
        yAxis: {
            min: 0,
            title: {
                text: '访问次数',
                align: 'high'
            },
            labels: {
                overflow: 'justify'
            }
        },
        tooltip: {
            valueSuffix: ' 次'
        },
        plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true
                }
            }
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'top',
            x: -100,
            y: 100,
            floating: true,
            borderWidth: 1,
            backgroundColor: '#FFFFFF',
            shadow: true
        },
        credits: {
            enabled: false
        },
        series: [{
            name: '总访问次数',
            data: eval(d)
        }]
    });
}
 
$(function () {
    drawChart();
    $("input[name='iradio']").bind("click",function(){
         $.post("queryuserchart.action",{
            curPage:$(this).val()
          },
          function(data,status){
            if('success'==status){
                drawChart(data);
            }
         },
         "json"
        );
    });
});

这是一个发起ajax请求道action中取值，得到json对象然后前台赋值更新图像的代码，现在这段代码是可以正常运行的，没有问题。我的疑惑是 eval()函数去掉后，highcharts就会解析错误，一直想不明白为什么会这样