与えAngularJS dxChartに変数

Question

Content.JSON以下

[{ 
status: "Allocated", 
count: 45 
}, { 
status: "Bench", 
count: 89 
}, { 
status: "Mobile", 
count: 12 
}, { 
status: "Project", 
count: 1 
}, { 
status: "SAP", 
count: 18 
}, { 
status: "Testing", 
count: 68 
}, { 
status: "vvvv", 
count: 70 
}]; 

をJSONのURLデータを解析することができますどのように私は、JSONのURLデータを取得しようとしていますが、コンソールに、私はエラー

の下に取得しています私のAngularJSモジュールがあります

dxChart.js：9 E2001 - 無効なデータソース。参照：http://js.devexpress.com/error/15_2/E2001

angular.module('myApp') 
.controller('valueController', ['$scope', '$http', '$window', function ($scope, $http, $window) {  

var mainInfo = null;  

    $http({ 
    method : "GET", 
    url : "/JSON/Content.json", 
    dataType: 'json', 
    }).then(function mySucces(response) {   

    mainInfo = response.data; 

    }, function myError(response) 
    { 
     $window.alert(response.statusText); 
    }); 

$scope.chartOptions = { 

      dataSource: mainInfo,  

      series: { 
       argumentField: "status", 
       valueField: "count", 
       name: "SIDG Java", 
       type: "bar", 
       color: '#1899dd' 
      } 
     }; 
}]); 

Answer 1

私が思うに、

入力が誤ってフォーマットされているとして、あなたが提供しているJSONデータ。あなたはJSONの末尾にセミコロンを使用しないでくださいhttps://jsonformatter.curiousconcept.com/

のようないくつかのオンラインサイトからそれを検証することができます。ここでは、正しい形式は次のとおりです。

[{ 
"status": "Allocated", 
"count": 45 
}, { 
"status": "Bench", 
"count": 89 
}, { 
"status": "Mobile", 
"count": 12 
}, { 
"status": "Project", 
"count": 1 
}, { 
"status": "SAP", 
"count": 18 
}, { 
"status": "Testing", 
"count": 68 
}, { 
"status": "vvvv", 
"count": 70 
}] 

はまたパース例外

try { 
    mainInfo = JSON.parse(response); 
} catch (err) { 
    console.log(err); 
} 

を処理するためのtry catchブロックを利用します