Reactjs 时间序列图表

Reactjs 时间序列图表,reactjs,d3.js,time-series,visualization,timeserieschart,Reactjs,D3.js,Time Series,Visualization,Timeserieschart,我正在寻找一些关于我的react应用程序使用哪个图表库的建议。此图表将显示服务的状态。状态为布尔值,返回为0或1。下面是数据的样子 [{ "service": "/endpoint", "timestamp": { "value": "2020-03-09T00:00:16.833Z" }, "serviceStatus": 1 }, { "service": "/endpoint", "timestamp": {

我正在寻找一些关于我的react应用程序使用哪个图表库的建议。此图表将显示服务的状态。状态为布尔值,返回为0或1。下面是数据的样子

    [{
    "service": "/endpoint",
    "timestamp": {
      "value": "2020-03-09T00:00:16.833Z"
    },
    "serviceStatus": 1
  },
  {
    "service": "/endpoint",
    "timestamp": {
      "value": "2020-03-09T00:01:16.833Z"
    },
    "serviceStatus": 1
  },
  {
    "service": "/endpoint",
    "timestamp": {
      "value": "2020-03-09T00:02:16.833Z"
    },
    "serviceStatus": 1
  },
  {
    "service": "/endpoint",
    "timestamp": {
      "value": "2020-03-09T00:03:16.833Z"
    },
    "serviceStatus": 1
  },
  {
    "service": "/endpoint",
    "timestamp": {
      "value": "2020-03-09T00:04:16.833Z"
    },
    "serviceStatus": 1
  },
  {
    "service": "/endpoint",
    "timestamp": {
      "value": "2020-03-09T00:05:16.833Z"
    },
    "serviceStatus": 1
  },
  {
    "service": "/endpoint",
    "timestamp": {
      "value": "2020-03-09T00:09:16.833Z"
    },
    "serviceStatus": 1
  },
  {
    "service": "/endpoint",
    "timestamp": {
      "value": "2020-03-09T00:10:16.833Z"
    },
    "serviceStatus": 1
  }]
时间序列图表将显示输入JSON中可用的所有时间戳的正常运行时间,当没有特定时间戳的可用数据时(例如:2020-03-09T00:08:16.833Z或2020-03-09T00:07:16.833Z或2020-03-09T00:06:16.833Z),它将不显示任何数据