csv 如何通过应用基于数据的条件来Mapdygraph中的数据？

gcmastyq 于 2022-12-25 发布在其他

关注(0)|答案(1)|浏览(89)

我有这个CSV数据，我想把它Map到dygraph时间序列图中。

_time                 value Id  provider
2022-09-20T10:43:00Z    1   1   x
2022-09-20T10:43:15Z    2   1   x
2022-09-20T10:43:30Z    3.2 1   x
2022-09-20T10:43:45Z    4   1   x
2022-09-20T10:44:00Z    4.1 1   x
2022-09-20T10:44:15Z    5   1   x
2022-09-20T10:43:00Z    2   2   y
2022-09-20T10:43:15Z    4   2   y
2022-09-20T10:43:30Z    4.5 2   y
2022-09-20T10:43:45Z    4   2   y
2022-09-20T10:44:00Z    5   2   y
2022-09-20T10:44:15Z    6   2   y

这在试图绘制数据时抛出了一个错误。2我希望能够以这样的数据类型绘制时间序列图：

time                        x   y
2022-09-20T10:43:00Z        1   2
2022-09-20T10:43:15Z        2   4
2022-09-20T10:43:30Z        3.2 4.5
2022-09-20T10:43:45Z        4   4
2022-09-20T10:44:00Z        4.1 5
2022-09-20T10:44:15Z        5   6

这个数据可以显示我想要的图形。但是我似乎不能与dygraph一起工作。PS显示的时间可能不是完美的时间数据，但是我将在未来实现正常的数据类型。
我已经准备好实现原始数据并使用dygraph配置它，甚至改变数据结构。如果我能给予更多的例子来更好地表达我的问题，请告诉我。

csv

来源：https://stackoverflow.com/questions/73796183/how-to-map-data-in-dygraph-by-applying-conditions-based-on-the-data

1条答案

按热度按时间

hrirmatl1#

我不知道你说的"正常"数据类型是什么意思。所以这可能不是你要找的。我也不知道你想用Dygraph制作什么类型的图表。
但是，我在这里添加了一些代码，因为我不能将CSV附加到SO Answer，所以我将数据添加到HTML中的pre标记中。

dta = document.getElementById('externalCsvData').innerHTML;

g = new Dygraph(document.getElementById('graphdiv'),
  dta);

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/dygraph/2.1.2/dygraph.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/dygraph/2.1.2/dygraph.min.css"></script>
</head>

<body>
  <p>
    The data plotted with Dygraphs.
  </p>
  <div id="graphdiv"></div>
  <pre id="externalCsvData" style="display:none;">
time,x,y
2022-09-20 10:43:00,1.0,2.0
2022-09-20 10:43:15,2.0,4.0
2022-09-20 10:43:30,3.2,4.5
2022-09-20 10:43:45,4.0,4.0
2022-09-20 10:44:00,4.1,5.0
2022-09-20 10:44:15,5.0,6.0
</pre>
</body>

赞(0）回复(0）举报 2022-12-25

我来回答

csv 如何通过应用基于数据的条件来Mapdygraph中的数据？

1条答案

相关问题

热门标签

最新问答