Reactjs 时间序列图表
我正在寻找一些关于我的react应用程序使用哪个图表库的建议。此图表将显示服务的状态。状态为布尔值,返回为0或1。下面是数据的样子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": {
[{
"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),它将不显示任何数据