無法在haxis上顯示刻度

Question

我試圖在haxis上顯示刻度值。以下是動態獲取數據並生成列圖的代碼。 問題在於下面的代碼沒有顯示h軸dynamicTicks，在h軸上它顯示了cData中{「v」：i，「f」：hAxisValue}的f：屬性中給出的值。演示示例https://plnkr.co/edit/G5wUQjVZ0512RvqltIqm?p=preview中的工作方式也是如此，但是當應用於本地應用程序時，它不會在haxis上顯示刻度值。有什麼建議麼？

app.controller('myController', ['$scope', '$uibModal', 'MyService', function ($scope, $uibModal, MyService) { 
    $scope.chart = {}; 
    $scope.chart.type = "ColumnChart"; 
    $scope.chart.displayed = false; 
    var dynamicTicks = []; 
    $scope.chart.options = { 
     focusTarget: 'category', 
     "fill": 20, 
     "displayExactValues": true, 
     "isStacked": 'true', 
     tooltip: {text: 'value',textStyle: {fontName: '"Arial"'}}, 
     hAxis: { 
      titleTextStyle: {bold: 'true'}, 
      slantedText: false, 
      ticks: dynamicTicks 
     }, 
     }; 

    $scope.chart.view = { 
     columns: [0, 1, 2, 3] 
    }; 
    $scope.chart.data = { 
     "cols": [ 
      {id: "label", label: "Label", type: "string"}, 
      {id: "count", label: "Count", type: "number"}, 
      {id: "pizza", label: "Pizza", type: "number"}, 
      {id: "softDrink", label: "SoftDrink", type: "number"}, 
     ] 
    }; 

    $scope.loadMyChart = function() { 
     MyService.getChartData().then(
      function (response) { 
       $scope.myResponse= response; 
       //check for error 
       var count = 0; 
       var pizza = 0; 
       var softDrink = 0; 
       var myRows = []; 
       $scope.chart.data.rows = {}; 
        var i = 0; var cData=[]; 
       angular.forEach($scope.myResponse, function (value, key) { 
        count = value.myData.count; 
        pizza = value.myData.pizza; 
        softDrink = value.myData.softDrnk; 
        hAxisValue = value.myData.title; 

        cData = { 
         "c": [{"v": i, "f": hAxisValue}, {"v": passsed}, 
          {"v": failed}, 
          {"v": notExecute}, {"v": key}] 
        }; 
        myRows.push(cData); i++; 
      }); 
       alert("cData.length " + i); 
       //assign the haxis ticks values 
       for (var j = 0; j < i; j++) { 
        alert("in for" + j + "Series" + (j+1)); //This alert is being executed.. 
        dynamicTicks.push({ 
         v: j, /*cData[j].c[0].v - when this is used, it is showing the error angular.min.js:sourcemap:119 TypeError: Cannot read property 'c' of undefined and chart is not displayed*/ 
         f: 'Series ' + (j + 1) 
        }); 
       } 
       $scope.chart.data.rows = myRows; 
      }, 
    } 
     $scope.loadMyChart();  
}]); 

Answer 1

需要蜱分配給選項，結束後生成蜱...

  for (var j = 0; j < i; j++) { 
       alert("in for" + j + "Series" + (j+1)); //This alert is being executed.. 
       dynamicTicks.push({ 
        v: j, /*cData[j].c[0].v - when this is used, it is showing the error angular.min.js:sourcemap:119 TypeError: Cannot read property 'c' of undefined and chart is not displayed*/ 
        f: 'Series ' + (j + 1) 
       }); 
      } 
      $scope.chart.options.hAxis.ticks = dynamicTicks;