-4
我有5个ESP8266传感器收集温度和湿度数据。将数据显示为每个传感器的温度和湿度的线路的最佳方式是什么？传感器ID有ESP带多行的谷歌折线图
这里的值是数据的一个样本：
{"total_rows":3363,"offset":0,"rows":[
{"id":"357215d4071f05ffd21a9535646c4cde","key":["2015-09-08T05:05:09.240Z","ESP0005"],"value":{"temp":"76.20","humid":"37.80"}},
{"id":"357215d4071f05ffd21a9535646c3dbd","key":["2015-09-08T05:04:55.526Z","ESP0004"],"value":{"temp":"77.70","humid":"38.70"}},
{"id":"357215d4071f05ffd21a9535646c3405","key":["2015-09-08T05:04:53.448Z","ESP0001"],"value":{"temp":"75.00","humid":"39.90"}},
{"id":"357215d4071f05ffd21a9535646c308c","key":["2015-09-08T05:00:09.247Z","ESP0005"],"value":{"temp":"76.20","humid":"38.00"}},
{"id":"357215d4071f05ffd21a9535646c2587","key":["2015-09-08T04:59:55.516Z","ESP0004"],"value":{"temp":"77.10","humid":"38.70"}},
{"id":"357215d4071f05ffd21a9535646c16f2","key":["2015-09-08T04:59:53.444Z","ESP0001"],"value":{"temp":"75.00","humid":"40.20"}},
{"id":"357215d4071f05ffd21a9535646c13c2","key":["2015-09-08T04:55:09.240Z","ESP0005"],"value":{"temp":"76.20","humid":"38.00"}},
{"id":"357215d4071f05ffd21a9535646c0eea","key":["2015-09-08T04:54:55.499Z","ESP0004"],"value":{"temp":"75.50","humid":"38.20"}},
{"id":"357215d4071f05ffd21a9535646c0c3b","key":["2015-09-08T04:54:53.450Z","ESP0001"],"value":{"temp":"75.00","humid":"40.20"}},
{"id":"357215d4071f05ffd21a9535646c05f8","key":["2015-09-08T04:50:09.216Z","ESP0005"],"value":{"temp":"76.20","humid":"37.90"}},
{"id":"357215d4071f05ffd21a9535646c00f5","key":["2015-09-08T04:49:55.526Z","ESP0004"],"value":{"temp":"76.20","humid":"38.60"}},
{"id":"357215d4071f05ffd21a9535646bf808","key":["2015-09-08T04:49:53.448Z","ESP0001"],"value":{"temp":"75.20","humid":"40.30"}},
{"id":"357215d4071f05ffd21a9535646bf4dc","key":["2015-09-08T04:45:09.213Z","ESP0005"],"value":{"temp":"76.40","humid":"38.00"}},
{"id":"357215d4071f05ffd21a9535646be7df","key":["2015-09-08T04:44:55.478Z","ESP0004"],"value":{"temp":"75.70","humid":"38.30"}},
{"id":"357215d4071f05ffd21a9535646be79b","key":["2015-09-08T04:44:53.449Z","ESP0001"],"value":{"temp":"75.30","humid":"40.20"}},
{"id":"357215d4071f05ffd21a9535646bded6","key":["2015-09-08T04:40:09.192Z","ESP0005"],"value":{"temp":"76.20","humid":"38.10"}},
{"id":"357215d4071f05ffd21a9535646bd308","key":["2015-09-08T04:39:55.486Z","ESP0004"],"value":{"temp":"75.90","humid":"38.30"}},
{"id":"357215d4071f05ffd21a9535646bcfa0","key":["2015-09-08T04:39:53.450Z","ESP0001"],"value":{"temp":"75.00","humid":"39.80"}},
{"id":"357215d4071f05ffd21a9535646bcf6f","key":["2015-09-08T04:35:09.182Z","ESP0005"],"value":{"temp":"76.20","humid":"38.10"}},
{"id":"357215d4071f05ffd21a9535646bcbdb","key":["2015-09-08T04:34:55.467Z","ESP0004"],"value":{"temp":"75.70","humid":"38.70"}},
{"id":"357215d4071f05ffd21a9535646bca96","key":["2015-09-08T04:34:53.450Z","ESP0001"],"value":{"temp":"75.20","humid":"40.90"}},
{"id":"357215d4071f05ffd21a9535646bba7e","key":["2015-09-08T04:30:09.187Z","ESP0005"],"value":{"temp":"76.40","humid":"38.10"}},
{"id":"357215d4071f05ffd21a9535646bb6d4","key":["2015-09-08T04:29:55.455Z","ESP0004"],"value":{"temp":"76.20","humid":"38.50"}},
{"id":"357215d4071f05ffd21a9535646badf4","key":["2015-09-08T04:29:53.450Z","ESP0001"],"value":{"temp":"75.00","humid":"40.40"}},
{"id":"357215d4071f05ffd21a9535646ba44e","key":["2015-09-08T04:25:09.161Z","ESP0005"],"value":{"temp":"76.40","humid":"38.20"}},
{"id":"357215d4071f05ffd21a9535646b9652","key":["2015-09-08T04:24:55.441Z","ESP0004"],"value":{"temp":"77.50","humid":"38.80"}},
{"id":"357215d4071f05ffd21a9535646b92b7","key":["2015-09-08T04:24:53.450Z","ESP0001"],"value":{"temp":"75.20","humid":"40.40"}},
{"id":"357215d4071f05ffd21a9535646b890f","key":["2015-09-08T04:20:09.173Z","ESP0005"],"value":{"temp":"76.40","humid":"38.20"}},
{"id":"357215d4071f05ffd21a9535646b7e40","key":["2015-09-08T04:19:55.404Z","ESP0004"],"value":{"temp":"75.90","humid":"38.80"}},
{"id":"357215d4071f05ffd21a9535646b72de","key":["2015-09-08T04:19:53.451Z","ESP0001"],"value":{"temp":"75.20","humid":"40.40"}},
{"id":"357215d4071f05ffd21a9535646b6c9c","key":["2015-09-08T04:15:09.148Z","ESP0005"],"value":{"temp":"76.40","humid":"38.30"}},
{"id":"357215d4071f05ffd21a9535646b68d8","key":["2015-09-08T04:14:55.436Z","ESP0004"],"value":{"temp":"75.50","humid":"38.70"}},
{"id":"357215d4071f05ffd21a9535646b5e3f","key":["2015-09-08T04:14:53.454Z","ESP0001"],"value":{"temp":"75.50","humid":"40.40"}},
{"id":"357215d4071f05ffd21a9535646b5221","key":["2015-09-08T04:10:09.141Z","ESP0005"],"value":{"temp":"76.40","humid":"38.30"}},
{"id":"357215d4071f05ffd21a9535646b4456","key":["2015-09-08T04:09:55.384Z","ESP0004"],"value":{"temp":"75.70","humid":"38.70"}},
{"id":"357215d4071f05ffd21a9535646b3f5c","key":["2015-09-08T04:09:53.456Z","ESP0001"],"value":{"temp":"75.30","humid":"40.40"}},
{"id":"357215d4071f05ffd21a9535646b3579","key":["2015-09-08T04:05:09.125Z","ESP0005"],"value":{"temp":"76.60","humid":"38.30"}}
你能告诉我们一些不仅仅是输入代码吗？ 这里是一个快速入门指南：[链接]（https://developers.google.com/chart/interactive/docs/quick_start） ，这里是一个引导到JSON格式：[链接]（https：//开头developers.google.com/chart/interactive/docs/php_example） 这里是实际的'JSON格式'指南：[link]（https://developers.google.com/chart/interactive/docs/reference #dataparam） –
感谢您的回复。但是，我不确定我是否理解。我假设人们对此的回应已经熟悉了使用google图表API可视化数据的不同方式。我也假设对JSON有一定的了解。代码示例最多只会在图表中显示一到两行。我正在寻找想法。看起来谷歌折线图需要将数据转换为每个传感器的列，但您可以看到传感器在不同时间记录数据，因此对我来说没有意义。我应该考虑一个不同的制图工具吗？ –