构建多个图表时，HighCharts加载数据的速度较慢

我有一个页面，上面有两个highCharts，我想知道是否有办法加快图表的加载时间。第一个是有2个系列的主图表，第二个更像是"缩略图"图表，有4个系列。

我用日期列表填充一个列表框，当用户选择每个日期时，我会调用ajax来获取一些数据。

我像这样在构造函数中构建图表…

basicMaxChart = function() {        
    options = {
    chart: {},
    /*missed for brevity*/,
    series: [{},{}] 
    }; // options
    return options;
}; // Max
basicMiniChart = function() {       
    optionsMini = {
    chart: {},
    /*missed for brevity*/,
    series: [{},{},{},{}] 
    }; // optionsMini
    return optionsMini;
}; // Mini

我的文档准备功能，

// Globals
var options;
var optionsMini;
var chart;
var chartMini;
jQuery("document").ready(function() {
    function createChart() {
        options = $.extend({}, basicMaxChart options);
        chart = new Highcharts.Chart(options);  
    };
    function createMiniChart() {
        optionsMini = $.extend({}, basicMiniChart(), optionsMini);
        chartMini = new Highcharts.Chart(optionsMini);
    };
    // create some empty charts for place holders
    createChart();
    createMiniChart();
    function loadData(){
        // missed for brevity, but declare some vars and get some values from inputs
        var aLen = document.getElementById("someInput").value;
        var d1 ...
        var data = {
                compareD1   : d1,
                m1          : m1,
                someVal     : aLen
               };
            $.post("getSomeData.php", data, function(json) {
                /* Clearing the series first or ‘Destroying’ the chart only only serves to make things worse …
                if (typeof chartMini != 'undefined') {
                    while(chartMini.series.length > 0)
                    chartMini.series[0].remove();
                    //chartMini.destroy();
                }
                */
                options.series[0] = json[0]; 
                options.series[1] = json[1];
                optionsMini.series[0] = json[3];
                optionsMini.series[1] = json[4];
                optionsMini.series[2] = json[5];
                optionsMini.series[3] = json[6];
                chart = new Highcharts.Chart(options);              
                chartMini = new Highcharts.Chart(optionsMini);
                chart.series[0].options.color = 'blue';
                chart.series[0].update(chart.series[0].options);
                chart.series[1].options.color = 'red';
                chart.series[1].update(chart.series[1].options);
                chartMini.series[0].options.color = '#A9CBE9';
                ….
                ….
                chartMini.series[3].update(chartMini.series[3].options);
            }, "json");
}); // ready

loadData函数进行ajax调用并返回一个json对象，该对象包含大约500ms内两个图表的数据。（我对getSomeData.php脚本的速度感到满意）。

如果我从loadData函数中删除了与chartMini/optionsMini相关的所有内容，那么主图表的加载也会非常快。但当我把"Mini"扔回去时，事情就慢了下来，两张图表都没有显示大约5秒（事实上，我经常在FireFox中收到"没有回应"的消息）。json对象中的每个"Data"元素都有700个数据点（我不认为它特别大）。

我认为我对高线图缺乏经验是速度缓慢的原因。我想问你是否对我如何提高这两个图表的构建/加载时间的性能有什么建议。

感谢阅读。