javascript - 在 Javascript 函数中存储 Highcharts - 如何？

Question

我正在尝试将整个 Highcharts/Highstocks 脚本存储到 js 的函数中，以使事情更紧凑，更容易复制。

$(function() {
// Create the chart
    window.chart = new Highcharts.StockChart({
        chart : {
            renderTo : 'container'
        },

        rangeSelector : {
            selected : 1
        },

        title : {
            text : 'AAPL Stock Price'
        },

        series : [{
            name : 'AAPL',
            data : [[1,2],[4,5]],
            tooltip: {
                valueDecimals: 2
            }
        }]
    });
});

这基本上就是我为函数调用的文件 highchartsfunc.js 中的内容。任何想法？

Answer 1

您已经在一个函数中拥有它，只是一个立即执行的函数。这里它是一个可调用的形式，其中数据和渲染由调用者定义：

function createNewChart(data, render) {
// Create the chart
    window.chart = new Highcharts.StockChart({
        chart : {
            renderTo : render
        },

        rangeSelector : {
            selected : 1
        },

        title : {
            text : 'AAPL Stock Price'
        },

        series : [{
            name : 'AAPL',
            data : data,
            tooltip: {
                valueDecimals: 2
            }
        }]
    });
}

然后你可以在任何你喜欢的地方这样调用它：

createNewChart([[1,2],[4,5]], 'container');