javascript - 在javascript中包装函数

Question

如何将一个函数包装到另一个函数中以便我可以在代码隐藏中调用它？

所以这是我需要包装并调用函数的代码:

$(function () { 
$('#container').highcharts({
    chart: {
        type: 'bar'
    },
    title: {
        text: 'Fruit Consumption'
    },
    xAxis: {
        categories: ['Apples', 'Bananas', 'Oranges']
    },
    yAxis: {
        title: {
            text: 'Fruit eaten'
        }
    },
    series: [{
        name: 'Jane',
        data: [1, 0, 4]
    }, {
        name: 'John',
        data: [5, 7, 3]
    }]
    });
 });​

<div id="container" style="width:340px; height:270px;"></div>

我被告知我可以将其包装起来，然后调用该函数。如何做到这一点？

这个数据是虚拟的，我的数据来自服务器。我想要的是使用 RegisterClientScriptBlock 在代码后面重绘图表，以便它刷新数据。

Answer 1

在aspx页面中

<script type="text/javascript">
    function container_highcharts() {
        $('#container').highcharts({
            chart: {
                type: 'bar'
            },
            title: {
                text: 'Fruit Consumption'
            },
            xAxis: {
                categories: ['Apples', 'Bananas', 'Oranges']
            },
            yAxis: {
                title: {
                    text: 'Fruit eaten'
                }
            },
            series: [{
                name: 'Jane',
                data: [1, 0, 4]
            }, {
                name: 'John',
                data: [5, 7, 3]
            }]
        });
    }
</script>

在代码后面

protected void Page_Load(object sender, EventArgs e){
     string someScript = "<script language='javascript'>container_highcharts();</script>";
     Page.ClientScript.RegisterStartupScript(this.GetType(), "onload", someScript);
}