2016-05-16 38 views
0

我試圖在圖表中顯示數據,這次使用amchart和angular來使用REST服務。檢索要顯示在amcharts中的數據

這是消費服務和呼叫amchart代碼:

function GetData($scope, $http){ 
$http.get('http://localhost/api/v1/index.php/data'). 
    success(function(data){ 
    //$scope.dados = data; 

      var json = data; 

     var chart = AmCharts.makeChart("chartdiv", { 
      "type": "serial", 
      "theme": "light", 
      "dataProvider": data, 
      "valueAxes": [ { 
      "gridColor": "#FFFFFF", 
      "gridAlpha": 0.2, 
      "dashLength": 0 
      } ], 
      "gridAboveGraphs": true, 
      "startDuration": 1, 
      "graphs": [ { 
      "balloonText": "[[category]]: <b>[[value]]</b>", 
      "fillAlphas": 0.8, 
      "lineAlpha": 0.2, 
      "type": "column", 
      "valueField": "visits" 
      } ], 
      "chartCursor": { 
      "categoryBalloonEnabled": false, 
      "cursorAlpha": 0, 
      "zoomable": false 
      }, 
      "categoryField": "country", 
      "categoryAxis": { 
      "gridPosition": "start", 
      "gridAlpha": 0, 
      "tickPosition": "start", 
      "tickLength": 20 
      }, 
      "export": { 
      "enabled": true 
      } 

     });   

}); 

}

這是我的HTML

<body ng-controller="GetData"> 
    <div id="chartdiv" style="width: 100%; height: 500px"></div> 
</body> 

它不顯示任何

回答

0

你有您的瀏覽器中輸出完全空白?如果是這樣,請在瀏覽器中檢查JavaScript錯誤。這應該指向你正確的方向。 你是否在某處包含amcharts庫?我無法在你的html或js中看到這個。

如果您看到空白圖表,那麼很可能您的json存在問題,請在此處查看或發佈以獲取幫助。

+0

請留下建議作爲意見 – andy

+0

它顯示未定義在瀏覽器中...沒有javascript錯誤...是的,我包括amcharts庫...這是我用在chart.js和這裏正在工作...... var「data」通常是json – novato

+0

,如果它在瀏覽器中顯示爲未定義,那麼在amcharts中指定的名稱(即「訪問」和「國家/地區」 )和json對象本身,檢查大寫字母?或在這裏發佈你的「數據」對象。 –

相關問題