簡體   English   中英

使用JSON數據創建圖表

[英]Create chart using json data

我下面有JSON數據,試圖通過這些數據使用AngularJS創建折線圖。 但是,使用map函數,我可以獲取$scope.labels但不能形成$scope.series$scope.data

這是我的JS代碼:

var source = [
  {"DE":2,"NP":20,"BD":28,"TW":1,
  "end_time":"2016-07-05T07:00:00+0000","date":"01-01-2011"},
  {"DE":5,"NP":11,"BD":22,"BE":2,"FJ":2,
  "end_time":"2016-07-06T07:00:00+0000","date":"01-09-2011"},
  {"DE":5,"NP":24,"BD":29,
  "end_time":"2016-07-07T07:00:00+0000","date":"01-11-2011"}
]
var $scope = {};
$scope.labels = [];
$scope.data = [];
$scope.series = [];


source.forEach(function(item){
  $scope.labels.push(item.end_time)
})

如何從JSON提取數據以形成如下所示的系列和數據。

$scope.series = ["DE","NP","BD","TW"]

$scope.data = [] ---> //Stuck here in forming data

的jsfiddle

如果您更改數據的迭代方式,這將變得相當瑣碎:

angular.forEach(source, function(item){
  $scope.labels.push(item.end_time);
  angular.forEach(item, function(val, key) {
    if(key === 'end_time') return;
    $scope.data.push(val);
    $scope.series.push(key);
  });
})

更新小提琴

Angular的forEach將幫助您遍歷對象。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM