Question

我实际上是在使用谷歌图表发生错误。我查看了其他主题，但没有人给我一个解决方案。

我有一个＆＃34;仪表板＆＃34;有9个瓷砖，每个瓷砖都包含一个图表。我在那个页面上，它随机显示一些图表或没有人。然后，如果我刷新，它会正常加载。

  <script type="text/javascript" src="https://www.google.com/jsapi"></script>

这是我的页面标题中包含的内容。然后我有我的不同功能包括。（我举了1个例子）：

function successA1(data, no_tile, color){
var tile_data = data.tile_data;

function A1() {

    var dataGoogle = google.visualization.arrayToDataTable(tile_data);

    var options = {
        legend: 'none',
        colors: [color], //!*DEV*!/
        curveType: 'function',
        fontSize: 12,
        tooltip: {
            trigger: 'both'
        },
        chartArea: {
            top: 15,
            left: 60,
            height: 160,
            width: 290,
        }
    };

    var chart = new google.visualization.AreaChart(document.getElementById('chart' + no_tile));

    chart.draw(dataGoogle, options);
    $(document).find('#chart' + no_tile).closest('div.A1').addClass('ready');
}// end of A1

$(document).find('#chart' + no_tile).closest('.A1').find('.tileSummury').text(data.tile_data[13][1] + ' trained participants');

     google.setOnLoadCallback(A1);
    } // end of successA1

然后我的所有html都包含我的不同的ajax请求：

$.ajax({
        url: url,
        type: 'post',
        data: {key: ApiKey, course_id: course_id},
        error: function (data) {
            swal('Error', 'The distant server cannot be reached', 'error')
        },
        success: function (data) {
            $(document).ready(function() {
                successA1(data, '{{ $tiles[$i]->no_tile }}', '{{ $tiles[$i]->color }}');
            });
        }
    });

然后我有我的图书馆

  google.load('visualization', '1.0', {'packages': ['corechart', 'gauge']});

在插件加载之前触发了ajax请求，但绘制我的图表的函数的使用是在document.ready

之后完成的。

如果有人有想法。顺便说一句，我在laravel 4.2上。

由于

Google图表需要刷新要显示的页面

0 个答案: