Javascript 如何在x轴Highcharts.js上绘制时间曲线

这是我的小提琴：

单击“添加到阵列”按钮将对象添加到数据阵列。 有效载荷对象具有时间、温度和湿度

$("#addToArray").click(function() {
  if(myChartTemperature) {
    myChartTemperature.series[0].addPoint(payload.temperature);
  }
  if(myChartHumidity){
    myChartHumidity.series[0].addPoint(payload.humidity);
  }
 dataArray.push((payload));
  console.log(dataArray);
})

如何在x轴上绘制温度/湿度与时间的关系（假设时间数据将通过api调用发送到传感器数据并发生变化）？

通过设置为

datetime

，并设置为事件的时间戳（以毫秒为单位），可以实现您的要求

即:

xAxis: {
  type: 'datetime',
  ...
}

及

工作示例：

（请注意，我仅对5秒后添加的点执行此操作，因此您也需要调整5秒前添加的函数）

通过设置为

datetime

，并设置事件的时间戳（以毫秒为单位），您可以实现您的要求

即:

xAxis: {
  type: 'datetime',
  ...
}

及

工作示例：

---

（请注意，我仅对5秒后添加的点执行此操作，因此您也需要调整5秒前添加的函数）

时间数据以秒为单位变化，变化/图形不明显。我该如何解决这个问题？数据样本：[{“时间”：“2018:02:06 16:19:23”，“温度”：“25.0”，“湿度”：“14.0”}，{“时间”：“2018:02:06 16:19:26”，“温度”：“25.0”，“湿度”：“14.0”}，{“时间”：“2018:02:06 16:19:28”，“温度”：“25.0”，“湿度”：“14.0”}，{“时间”：“2018:02:06 16:19:31”，“温度”：“25.0”，“湿度”：“13.0”，“湿度”：“14.0”}，{“时间”：“2018:02:06 16:19:36”，“温度”：“25.0”，“湿度”：“14.0”}@webendthetrend我不明白这意味着什么。也就是说，您需要以毫秒为单位输入时间。而不是作为字符串。因此，您希望实现类似于此示例的功能？时间数据以秒为单位变化，并且变化/图形不明显。如何解决此问题？数据示例：[{“时间”：“2018:02:06 16:19:23”，“温度”：“25.0”湿度“：”14.0“，”时间“：”2018:02:06 16:19:26”，“温度“：”25.0”，“湿度“：”14.0“，”时间“：”2018:02:06 16:19:28”，“温度“：”25.0”，“湿度“：”14.0“，”时间“：”2018:02:06 16:19:31”，“温度“：”25.0”，“湿度“，”13.0“，”时间“：”2018:02:06 16:19:33”，“温度“，”25.0”，“湿度“：”14.0“，”时间“，”18:02:06“，”温度“，”18:36“，”温度“，”湿度“：“14.0”}@webendthetrend我不明白这是什么意思。也就是说，您需要以毫秒为单位输入时间。而不是以字符串的形式输入。那么您希望实现类似于此示例的功能吗？