Итерирование и отображение по json и отображение их на графике

Question

Я получаю объект JSON из запроса Axios.Теперь я ищу итерирование и отображение их, чтобы я мог поместить эти два значения в граф Plotly с осями X и Y.

Я действительно будуСпасибо, если кто-нибудь даст мне пример, пожалуйста.

Возвращает данные JSON

[{"timestamp":"2018-0807T03:00:00.000Z","wind_speed":3.5999999046325684},
{"timestamp":"2018-08-07T18:00:00.000Z","wind_speed":1.5}, 
{"timestamp":"2018-07T23:00:00.000Z","wind_speed":3.0999999046325684}, 
{"timestamp":"20180808T15:00:00.000Z","wind_speed":9.800000190734863},
{"timestamp":"2018-08-08T16:00:00.000Z","wind_speed":5.099999904632568},
{"timestamp":"2018-08-09T15:00:00.000Z","wind_speed":8.800000190734863},
{"timestamp":"2018-08-09T16:00:00.000Z","wind_speed":8.199999809265137},
{"timestamp":"2018-08-10T12:00:00.000Z","wind_speed":6.199999809265137},
{"timestamp":"2018-08-18T14:00:00.000Z","wind_speed":8.199999809265137},
{"timestamp":"2018-08-19T21:00:00.000Z","wind_speed":7.199999809265137},
{"timestamp":"2018-08-20T11:00:00.000Z","wind_speed":5.099999904632568},
{"timestamp":"2018-08-20T16:00:00.000Z","wind_speed":7.699999809265137},
{"timestamp":"2018-08-22T10:00:00.000Z","wind_speed":5.099999904632568},
{"timestamp":"2018-08-23T10:00:00.000Z","wind_speed":11.300000190734863},
{"timestamp":"2018-08-23T15:00:00.000Z","wind_speed":9.300000190734863}]

Answer 1

Вы должны разделить его на два массива, вы можете сделать это с помощью forEach, как в этом примере:

var x = [];
var y = [];
yourJsonObject.forEach((item) => {
    x.push(item.timestamp);
    y.push(item.wind_speed);
});

Затем использовать его в виде графика:

var plotly = require('plotly')('username','apiKey');

var data = [{x:x, y:y, stream:{token:'yourStreamtoken', maxpoints:200}}];
var graphOptions = {fileopt : "extend", filename : "nodenodenode"};

plotly.plot(data,graphOptions,function() {
  var stream = plotly.stream('yourStreamtoken', function (res) {
    console.log(res);
  });
  someReadableStream.pipe(stream);
});