Javascript 在d3.js中使用CSV而不是TSV数据

我尝试使用饼图示例，但是，当我尝试将数据转换为csv时，它不起作用，我不知道为什么

这是一个plnk和违规代码

另外，你可能会猜到我是d3新手。我想知道，使用excel文件中的原始csv数据或将其转换为JSON并通过这种方式将数据解析到d3会更有效吗？（我知道这是主观的，只是希望得到一些意见，这对于编码问题并不重要）

---

感谢您抽出时间

您的CSV错误，您的视图无法正常工作

CSV：逗号分隔的值，没有空格

CSV在哪里？每个逗号后都有空格。因此，所有的苹果值都可以正常工作，因为它们没有空格，但对于橙子，它们不起作用。首先，它读作

“橙子”

，读作

“橙子”

（注意空格），所有值后面都有空格

更改此选项，它将正常工作：

apples,oranges
53277,200
28479,200
19697,200
24037,200
40245,200

关于要使用的数据类型，请参见此示例：

第二个答案很好地比较了几种数据类型，例如CSV、JSON、XML

以下是一个片段：

优点：

XML—很多库，开发人员都很熟悉，XSLT可以 易于通过客户端和服务器（XSD、DTD）进行验证，分层 资料

JSON-易于在客户端解释，紧凑的表示法， 分层数据

CSV-在Excel中打开（？）

缺点：

XML膨胀，在JavaScript中比JSON更难解释

JSON-如果使用不当会造成安全漏洞（不要使用eval）， 并非所有语言都有解释它的库

CSV-不支持分层数据，您将是唯一一个这样做的人 实际上，解析有效的csv比大多数开发人员想象的要困难得多 文件（CSV）值可以包含新行，只要它们介于 引用等）

---

您的视图不工作，因为您的CSV错误

CSV：逗号分隔的值，没有空格

CSV在哪里？每个逗号后都有空格。因此，所有的苹果值都可以正常工作，因为它们没有空格，但对于橙子，它们不起作用。首先，它读作

“橙子”

，读作

“橙子”

（注意空格），所有值后面都有空格

更改此选项，它将正常工作：

apples,oranges
53277,200
28479,200
19697,200
24037,200
40245,200

关于要使用的数据类型，请参见此示例：

第二个答案很好地比较了几种数据类型，例如CSV、JSON、XML

以下是一个片段：

优点：

XML—很多库，开发人员都很熟悉，XSLT可以 易于通过客户端和服务器（XSD、DTD）进行验证，分层 资料

JSON-易于在客户端解释，紧凑的表示法， 分层数据

CSV-在Excel中打开（？）

缺点：

XML膨胀，在JavaScript中比JSON更难解释

JSON-如果使用不当会造成安全漏洞（不要使用eval）， 并非所有语言都有解释它的库

CSV-不支持分层数据，您将是唯一一个这样做的人 实际上，解析有效的csv比大多数开发人员想象的要困难得多 文件（CSV）值可以包含新行，只要它们介于 引用等）

---

我更喜欢JSON，更容易阅读，我认为它可能更快，也许。。。。。至于转换，为什么要转换成csv？我也更喜欢JSON。我可以根据我将创建的dataviz来构建JSON，这更方便，但需要更多的工作。我更喜欢JSON，更容易阅读，我认为它可能更快，也许。。。。。至于转换，为什么要转换成csv？我也更喜欢JSON。我可以根据我将创建的dataviz构建JSON，这更方便，但需要更多的工作。