如何解析javascript字符串數組中的csv數據以在d3圖形中使用

Question

我想使用字符串的javascript數組中的數據來生成d3圖，以顯示timestamp（t），接收（rx）和發送（tx）計數器的時間序列。 數組的每個成員都是對應於一行時間rx，tx的字符串（是，帶有逗號分隔符）。 我不想使用基於d3.request的方法。 我已經使用服務器端lua代碼從服務器讀取了文件，並使用jslines.push（string）將數據放入了頁面。

109 // Show results so far
110 for (i=0; i < jslines.length; i++) {
111     console.log(i + ": " + jslines[i]);
112 }

上一節給了我信心數據，正如我所描述的。 現在，我只是嘗試從“行”中提取3個數據值中的每一個，然后重復。 我不在乎它們在這一點上仍然是字符串。 以后的數字。

我對此的參考是： https : //github.com/d3/d3-dsv/blob/master/README.md#csvParseRows，但是我顯然誤解了所需的工作。

114 var dataArray = d3.csvParseRows(jslines, function(d, i) {
115   return {
116     time: d[0],
117     rx:   d[1],
118     tx:   d[2]
119   };
120 });

感謝（種類）建議和/或使用d3解析和准備d3本身不是從遠程（或本地）文件中提取數據的工作示例。 我相信，我能找到的大多數示例都要求d3將文件內容拉到客戶站。

謝謝...艾倫

Answer 1

如果您已經有了字符串，則可以像這樣拆分它：

var a = "1,2,3"
var b = a.split(",")
console.log(b[1])

具體來說，對於您的示例，您可以像這樣提取數據：

var data = jslines.map(function(l) {
  data = l.split(",");
  return({time: data[0], rx: data[1], tx: data[2]});
})

然后根據所得的對象數組構建d3圖。