D3 使用 Mike Bostock 的示例将堆积面积图从 tsv 转换为 csv [重复]答案

【问题标题】：D3 Converting a Stacked Area Graph from tsv to csv using Mike Bostock's example [duplicate]D3 使用 Mike Bostock 的示例将堆积面积图从 tsv 转换为 csv [重复]
【发布时间】：2017-11-29 14:02:44
【问题描述】：

您好，我是 D3 新手，想知道如何将 Mike Bostock 的堆叠面积图从使用 tsv 文件转换为 csv 文件。

图表链接：https://bl.ocks.org/mbostock/3885211

当我尝试使用 csv 文件时，它告诉我： “错误：属性 d：预期数字，“MNaN，-16200LNaN，-...”。”

在这一行： ".attr("d", 面积);"

非常感谢您的帮助。

【问题讨论】：

您是否尝试使用d3.csv 而不是d3.tsv 来读取文件？
是的，只是在这个例子中使用 tsv 有不同的方式来解析信息或其他东西

标签： javascript csv typescript d3.js

【解决方案1】：

您的 .csv 文件是什么样的？ D3 会期望这样的文件：

"date","Google Chrome", "Internet Explorer", "Firefox", "Safari", "Microsoft Edge", "Opera", "Mozilla", "Other/Unknown"
"2015 Jun 15",48.09,24.14,18.82,7.46,0.03,1.32,0.12,0.01

如果您的 .csv 中的数值被引用，那么您还需要在加载数据文件时将它们转换为数值类型，如下所示：

d3.csv("filename.csv", function(err, data){
  if(err){
    //handle error
  }
  data.forEach( function(d){
    //convert to numberic
    d.Firefox = +d.Firefox
  }
})

【讨论】：

shrib.com/#qoXUPP9so0h0CDS9bK9p 抱歉，我在这里无法正确格式化，但这里有一个链接
您需要发布您的代码。你是怎么定义面积函数的？
代码正是指向 Mike Bostock 示例的链接。我只是将代码的 tsv 修改为 csv 部分。
bl.ocks.org/mdml/8305340 我也尝试过使用这个例子，但我的 csv 文件不会绘图