anglejsモジュールのjsonデータを配列に変換し、c3チャートを使用してプロットします。

anglejsを使用してJSONデータフィードに基づいてx-yプロットを生成したいと思います。 JSONデータは、以下のコードで示されています（EQ振幅VS時間）。このデータを配列形式に変換してc3チャートにプロットするにはどうすればいいですか（このリンクのhttp://c3js.org/samples/data_json.htmlなど）？anglejsモジュールのjsonデータを配列に変換し、c3チャートを使用してプロットします。

ありがとうございました。

var array1 = [];  
 
var app = angular.module('myApp',[]); 
 
app.controller('eqfeed',function($scope,$http){ 
 
    $http.get("https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/4.5_day.geojson").then(function(response) { 
 
     $scope.eq=response.data.features; 
 
     }); 
 
});

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
    
 
<body> 
 
<div ng-app="myApp" ng-controller="eqfeed"> 
 
<table> 
 
    <tr ng-repeat="x in eq"> 
 
     <td>{{x.properties.time | date:'yyyy-MM-dd HH:mm:ss'}}</td> 
 
     <td>{{x.properties.mag}}</td> 
 
    </tr> 
 
</table>  
 
</div>  
 
    
 
</body>  
 
</html>

出典

2016-11-05 Kongpop U-Yen

これはduplicateのようです。データを取得し、x軸をtimeseriesとして定義するだけです。

var chart = c3.generate({ 
     data: { 
      x: "time", 
      json: { 
       time: eq.properties.time, 
       data: eq.properties.mag 
      } 
     }, 
     axis:{ 
      x:{ 
       type: "timeseries", 
       tick:{ 
        format:"%Y-%m-%d %H:%M:%S" 
       } 
      } 
     } 
    });

あなたのhtmlでは、あなたのチャートを取得するだけです。

<div id="chart"></div>

出典

2016-12-22 12:12:03 Akoya

anglejsモジュールのjsonデータを配列に変換し、c3チャートを使用してプロットします。

答えて

関連する問題