如何創建具有相同選項但具有不同數據的多重統計圖

Question

我喜歡使用相同的選項在一頁上繪制多個圖表，但是每個圖表使用不同的json數據。 我喜歡用盡可能少的代碼來做到這一點，我確實需要省略代碼重復。

這是第一個圖表的示例：

$(function() {

    $.getJSON('login.php', function(data) {  
        var options= {
            chart : {
                renderTo : 'container'
            },
            rangeSelector : {
                enabled:false
            },
            series : data
        };

        var chart = new Highcharts.StockChart(options);
    });
});

如何使用上面的代碼使用不同的getJSON數據創建多個圖表？

Answer 1

您可以創建一個輔助函數：

$(function() {

    var genOptions = function(data) {
        return {
            chart : {
                renderTo : 'container'
            },
            rangeSelector : {
                enabled:false
            },
            series : data
        };
    };

    $.getJSON('login.php', function(data) {  
        var options = genOptions(data);
        var chart = new Highcharts.StockChart(options);
    });

    $.getJSON('secondpage.php', function(data) {  
        var options = genOptions(data);
        var chart = new Highcharts.StockChart(options);
    });
});

Answer 2

您可以將示例作為@blam進行，但稍有更改。 確保每個圖表的chart.renderTo值都不同。 從上面的示例中，我僅注意到一個容器值。