如何定义d3数据路径和数据字段分隔符

Question

我正在使用 d3.js 在HTML页面中包含一些逗号分隔的数据。我（流血的初学者）无法解决的两个问题：

• 要将管道|用作数据文件（纯文本）中的分隔符/分隔符，而不要使用逗号。
• 链接d3以使用子文件夹数据中的数据。

d3的调用位于d3.js所在的子文件夹syst的index.htm中-起作用。

尽管我尝试使用data/data.csv和/data/data.csv定义路径，但将data.csv移至子文件夹数据将找不到该文件

确定我的数据集中需要逗号，我想用管道|替换此默认定界符。将下面的代码更改为d3.dsv("|", "data.dsv" ..无效。

<div id="datatable"></div>
<script>
var rows = []
d3.csv("data.csv", function(error, csv) {
    csv.forEach(function(row) {
    rows.push(row);
});

    var table = d3.select("#datatable").append("table");
      thead = table.append("thead");
      tbody = table.append("tbody");

    var tr = tbody.selectAll("tr")
        .data(rows)
        .enter().append("tr");

    var td = tr.selectAll("td")
        .data(function(d) { return [d.media, d.info]; })
        .enter().append("td")
        .html(function(d) { return d; });
});
</script>

我的尝试结果是1.没有找到数据，2.脚本将被忽略。