Highcharts:单页中多个图表的高性能

时间:2014-12-15 05:29:15

标签: jquery ajax charts highcharts

我在单页最少10个图表中有多个高级图表,单个页面中最多25个图表就像小工具

我曾经使用Ajax函数从服务器调用highcharts数据,我从MYSQL数据库调用数据

关于加载图表没有任何问题,但只有当我在一个页面中加载超过5个图表时,高图表的性能变得非常低,图表加载速度非常慢,我尝试了一些Highcharts网站建议的方法,如

延迟加载 - http://www.highcharts.com/stock/demo/lazy-loading 数据分组 - http://www.highcharts.com/stock/demo/data-grouping

但是这项技术都没有帮助我,我的表现仍然非常慢,我的编码示例我以前如何调用图表

我有多个下拉列表,当每次下拉值更改时,图表将根据下拉值更新

我曾经使用像这样的Ajax函数来调用图表

  $.ajax({
                    type: "GET",
                    url: "SampleAJAX.aspx",
                    data: "type=CHART1&data="+data1,
                    success: Chart1Success,
                    error: IsError
                });

  $.ajax({
                    type: "GET",
                    url: "SampleAJAX.aspx",
                    data: "type=CHART2&data="+data2,
                    success: Chart2Success,
                    error: IsError
                });
....etc..etc... like wise n number of Ajax functions will be called

在此Ajax函数之后,我曾经在成功函数中调用图表

     function Chart1Success(){
    $('#Chart1').highcharts({
                        chart: {
                            type: 'pie',
                            style: {
                                fontFamily: "Roboto",
                            },
                            events: {
                                load: function () {
                                    var msg = "Chart1";
                                    AfterUpdate(msg);
                                },
                            },
                        }
          .................
    });
    }

  function Chart2Success(){
    $('#Chart1').highcharts({
                        chart: {
                            type: 'column',
                            style: {
                                fontFamily: "Roboto",
                            },
                            events: {
                                load: function () {
                                    var msg = "Chart2";
                                    AfterUpdate(msg);
                                },
                            },
                        }
          .................
    });
    }
  ......etc..etc.... n number of Highcharts continues

很抱歉没有发布小提琴,因为我的数据有点保密,我花了很多时间将相同的东西整合到样本数据中,如果还需要我会尝试我的水平最好发布

0 个答案:

没有答案