Question

我正在使用Google Charts API，而且我遇到了一个我无法理解的问题。如果我使用最终警报（“Im IN！”），所有代码都运行良好，但如果我删除它，我的nArray没有填充。我不明白为什么。

这是全球性的变种：

 var Chart;
 var data;
 var nArray;

这是我填写我的nArray所以我可以加载到我的图表。

function setArray(PlayerName,LeadPoints,OppPoints,PropPoints){

        var newPlayer = [PlayerName,LeadPoints,PropPoints,OppPoints,'Total'];

        nArray.push(newPlayer);

    }

这是我去CRM的地方，将数据传入并填充调用setArray函数的数组。

    function setPointsByEntity() {


    SDK.REST.retrieveMultipleRecords(
        "gamify_ponto",
        "$select=gamify_Entidade,gamify_PlayerId,gamify_Pontos,gamify_gamify_utilizador_gamify_ponto/gamify_name&$orderby=gamify_PlayerId asc&$expand=gamify_gamify_utilizador_gamify_ponto",

        function (results) {


            if(results.length>0){

                for(var i=0;i<results.length;i++){
(...) // do something
    setArray(lastPlayer.Name,leadPoints,oppPoints,propPoints);



                }

            }
            else {
               alert("No Contact records are available to set as the primary contact for the account.");
                 }
        },

        errorHandler,

        function () {

        //OnComplete handler
        }
    );

这是我加载Visualization API，运行谷歌可视化和定义我的drawVisualization函数的地方。

   // Load the Visualization API and the piechart package.
          google.load('visualization', '1', {'packages':['corechart']});

     // Set a callback to run when the Google Visualization API is loaded.
          google.setOnLoadCallback(drawVisualization);


    function drawVisualization() {



        // Create and populate the data table.
         data = google.visualization.arrayToDataTable(nArray);

      setLabelTotal(data);
      var view = new google.visualization.DataView(data);

      view.setColumns([0, 1, 2, 3, {
         type: 'number',
         calc: function (dt, row) {
             // set offset to determine how far you want to move the labels
             var offset = MaxArray(nArray) *0.03; // 3% do valor total.
             return dt.getValue(row, 1) + dt.getValue(row, 2) + dt.getValue(row, 3) + offset;
         }
     },
     4]);


      var options = {title:"Pontos por Jogador",
                     width:500, height:300,
                     hAxis: {
                        textStyle: {'color': 'white'}},
                 isStacked: true,
                     legend: {
                    position: 'top'
                    },
                    series: {
             3: {
                 type: 'line',
                 color: 'grey',
                 lineWidth: 0,
                 pointSize: 0,
                 visibleInLegend: false
             }
         },

              vAxis: { 
                viewWindowMode:'explicit',
                viewWindow: {
                        max:MaxArray(nArray) + MaxArray(nArray)*0.3,
                        min:0
                    }
              },
                 animation:{
                            duration: 1000,
                            easing: 'linear'}
                    };

        // Create and draw the visualization.
         chart = new google.visualization.ColumnChart(document.getElementById('visualization'));

         chart.draw(view, options);

      }

最后当dom准备就绪时，我通过调用setPointsByEntity()来分配我的nArray。这里的问题是如果我评论“警报（”Im IN！“）;”图表不会出现。似乎nArray没有定义。

//当dom准备就绪时

$(document).ready(function()
{

setPointsByEntity(); // This function fill my nArray
alert("Im IN!");
});

这个问题可能与我之前发布的另一个问题有关，请关注Question

Answer 1

将setPointsByEntity从文档就绪处理程序移动到来自Google加载器的回调，然后在AJAX调用的成功处理程序结束时调用drawVisualization函数：

google.setOnLoadCallback(setPointsByEntity);

function setPointsByEntity() {
    SDK.REST.retrieveMultipleRecords(
        "gamify_ponto",
        "$select=gamify_Entidade,gamify_PlayerId,gamify_Pontos,gamify_gamify_utilizador_gamify_ponto/gamify_name&$orderby=gamify_PlayerId asc&$expand=gamify_gamify_utilizador_gamify_ponto",
        function (results) {
            if(results.length>0){
                for(var i=0;i<results.length;i++){
                    (...) // do something
                    setArray(lastPlayer.Name,leadPoints,oppPoints,propPoints);
                }
            }
            else {
                alert("No Contact records are available to set as the primary contact for the account.");
            }
            drawVisualization();
        },
        errorHandler,
        function () {
            //OnComplete handler
        }
    );
}

Google Chart Api：不加载数据

1 个答案: