如何制作图表，从API加载数据

Question

我是一名新程序员，这是我第一次使用highcharts。我也有使用highstocks库这样的代码：

Highcharts.getJSON('https://gmlews.com/api/data', function(data) {
  console.log(data);
  var accelero_x = [],
    timestamp = [];
  for (var i = 0; i < data.length; i++) {
    accelero_x.push(data[i].accelero_x);
    timestamp.push(data[i].timestamp);
  }
  console.log(accelero_x);
  console.log(timestamp);
  // Create the chart
  Highcharts.stockChart('container', {

    rangeSelector: {
      selected: 1
    },

    title: {
      text: 'Accelero X'
    },

    series: [{
      name: 'Accelero X',
      data: accelero_x,
      type: 'spline',
      tooltip: {
        valueDecimals: 2
      }
    }]
  });
});

您可以在以下位置看到完整的运行代码：https://jsfiddle.net/estri012/y1usoxd7/1/

问题是如何根据我的时间戳制作X轴？

正确设置x轴后的新问题是：在我的api中，一些最新数据在19March中。但是在图表上，最后的数据显示的是18年3月，而不是19年3月。实际上，我的API中没有关于18March的单个数据。您可以在上面的URL上检查api。同时，那些之前的其他数据在图表上显示了正确的日期。这是图表的捕获：“ >>

我是一名新程序员，这是我第一次使用highcharts。我也使用highstocks库编写了这样的代码：Highcharts.getJSON（'https://gmlews.com/api/data'，function（data）{console.log（...

Answer 1

在您的情况下，您需要将数据转换为Highcharts所需的格式-数组数组或objcts数组（{x，y}）。