用d3读取csv再打印到html,在D3中加载CSV文件(Loading a CSV file in D3)

在D3中加载CSV文件(Loading a CSV file in D3)

加载csv文件时d3存在问题。 它给了我以下错误1)GET http://d3js.org/d3.v.min.js 2)未捕获的ReferenceError：未定义d3(匿名函数)

D3 total practice

d3.csv("sampath.csv",function(data1)

{

}

);

There is problem in d3 while loading a csv file. It gives me following errors 1) GET http://d3js.org/d3.v.min.js 2)Uncaught ReferenceError: d3 is not defined (anonymous function)

D3 total practice

d3.csv("sampath.csv",function(data1)

{

}

);

原文：https://stackoverflow.com/questions/26396771

更新时间：2020-09-08 12:09

最满意答案

你的d3电话中有拼写错误。 它应该是：

You've got a typo in your d3 call. It should be:

相关问答

您必须使用d3.csv.parseRows而不是d3.csv 。 这将返回表示已解析行的数组数组。 You have to use d3.csv.parseRows instead of d3.csv. This will return an array of arrays representing the parsed rows.

正如d3.tsv.parse在注释中指出的那样， d3.tsv.parse是异步的，因此data操作的所有代码都应该包含在回调函数中( 文档中的 accessor参数)。 基本代码的结构应如下： d3.tsv.parse(d3.select("#tsv").text(), function(d){

//The code below will be called for each row in the tsv file

d3.select("body").append("div")

...

loadData()。map(.....)应该在d3.csv(“/ data / datademo.csv”.......)的回调函数中。 您现在尝试使用loadData()函数的返回，但数据尚未加载，这就是您变为“未定义”的原因。 我希望它有所帮助。 The loadData().map(.....) should be in the callback function of d3.csv("/data/datademo.csv".......). You are now trying to u

...

这里可以回答第一个和第二个场景(对于第三个场景，请参见下面的PS )。 在开始之前，让我们看一个有效的现有CSV文件： d3.csv("https://gist.githubusercontent.com/GerardoFurtado/2e9f269f7a0f56cf7e23b480afcf280a/raw/5e361753a695534915e81786013976aa94685695/csvfile.csv", function(error, data) {

console.log(d

...

答案很简单，我应该早点实现。 虽然我正确地做了一切，但它没有用。 我的问题是我的代码处于头脑中，我试图在没有身体存在的情况下将SVG附加到身体上。 我唯一要做的就是将所有头部脚本放入一个函数中，并在加载主体时调用该函数。

body { font: 12px Arial;}

path {

stro

...

这与D3没有任何关系，但是通常使用JavaScript。 D3对它可以加载和解析的文件的大小没有限制。 Javascript在客户端运行(有一些例外)。 这意味着您的代码必须下载(如果在不同的服务器中)所有巨大的 CSV文件，而且不仅如此，它还必须分析大量对象中的成千上万行。 这太简单了。 所以，常识告诉我们去思考一下： 用户的连接速度 用户的处理能力 用户耐心盯着空白屏幕几分钟，等待数据下载/解析。 这是一个加载巨大CSV文件的演示(来自data.gov网站)，您可以在控制台中看到加载的数据量。

...

如果您没有执行任何异步操作就可以获得数据，那么您可以按如下方式实现此目的，替换d3.json行 d3.json("sankey-formatted.json", function(error, graph) {

// ...

})

使用自定义加载功能，例如 loadData(function (graph) {

// contents of the function passed to d3.json

})

函数loadData现在接收一个函数作为参数，该参数应该使用您拥有的数据调用，

...

你的d3电话中有拼写错误。 它应该是：

You've got a typo in your d3 call. It should be: