如何加快谷歌图表加载

时间:2014-02-03 19:57:09

标签: javascript ajax google-visualization

我有这个问题,我希望它不是特别的:我从不同的服务器获取一些数据(服务器的数量会有所不同,但在我的测试用例中除了我的localhost之外还有10台服务器)来创建图表。它们工作得非常好,但它们对我来说太慢了(柱和条形图需要大约5秒钟,而地理图表大约需要10秒)

这是用于从服务器获取数据的ajax调用:

 $.ajax({
        url: [server's php page where i get i data'],
        type: 'POST',
        data: {
            [some data]
        },
        success: function(data) {
            (JSON.parse(data || "null") != null) ? [function for success case] : false;
        },
        error: function() {
            [function for error case]
        }
  });

一旦我拥有所有需要的数据,用于创建图表的代码:

var options = {
            title: title,
            hAxis: {title: axis_title, titleTextStyle: {color: '#F0F0F0'}, baselineColor: '#F0F0F0', textStyle: {color: '#F0F0F0'}},
            vAxis: {titleTextStyle: {color: '#F0F0F0'}, baselineColor: '#F0F0F0', textStyle: {color: '#F0F0F0'}},
            legend: {textStyle: {color: '#F0F0F0'}},
            titleTextStyle: {color: '#F0F0F0', fontName: 'Arial', fontSize: '13px', bold: false},
            fontSize: 12,
            backgroundColor: {fill: 'transparent'},
            colors: ['#04c']
        };
chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));

基本上我的问题是:由于谷歌图表api / ajax /等生成的图表是否很慢或者这是由于我正在做的错误造成的?

谢谢!

0 个答案:

没有答案