Javascript 在Angular js中使用json数据填充Highchart
我正在尝试将数据从json文件填充到Highchart。我的示例json文件与Highchart示例相同,my data.json将是:Javascript 在Angular js中使用json数据填充Highchart,javascript,jquery,angularjs,json,highcharts,Javascript,Jquery,Angularjs,Json,Highcharts,我正在尝试将数据从json文件填充到Highchart。我的示例json文件与Highchart示例相同,my data.json将是: {"yData":[{ "name": "Tokyo", "data": [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] }, { "name": "New York",
{"yData":[{
"name": "Tokyo",
"data": [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}, {
"name": "New York",
"data": [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
}, {
"name": "Berlin",
"data": [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
}, {
"name": "London",
"data": [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
}]}
我的html文件是
高级图表使用指令
{{record.Name}
{{record.Score}
您需要将数据数组推入序列
$scope.jsondatafeed = data.yData;
console.log($scope.jsondatafeed);
$scope.Plotcat = [];
$scope.PlotData = [];
for (var key in $scope.jsondatafeed) {
console.log($scope.jsondatafeed[key]); // the whole array (index)
$scope.PlotData.push($scope.jsondatafeed[key]);
var category = $scope.jsondatafeed[key];
$scope.Plotcat.push(category.name);
}
这是你的电话号码