0

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 の内容です。何か案が?

4

1 に答える 1

1

すぐに実行される関数に既に含まれています。ここでは、呼び出し元によって定義された data と renderto を持つ呼び出し可能な形式になっています。

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');
于 2013-05-01T19:31:26.010 に答える