d3 将 csv 文件导入数组[重复]

2023-11-24

我正在尝试使用 d3.csv() 方法导入 .csv 文件。这是我的代码:

d3.csv("data.csv", function(data) {
  console.log(data);
})

我认为我会得到一个包含对象的数组,每个对象代表 .csv 文件的一行(其中有 50 个)。我是什么actually然而,获取是一系列独立的对象。也就是说,该函数已将 50 个对象记录到我的控制台,not一个包含 50 个对象的数组。我是否误解了这个方法?如果是这样,我怎样才能得到这样的数组?


In d3 v5用于获取数据的 API 已经发生了很大的变化,随着底层工作方式已经从使用XMLHttpRequest到获取 API。在 D3 v4 之前的版本中,您的代码的行为将与您期望的打印单个结果数组一样。新的 API 用于d3.csv()但是,看起来像这样:

# d3.csv(input[, init][, row]) <>

进一步向下,文档提供了解释供您观察:

如果只有其中之一init and row被指定,它被解释为row如果它是一个函数,则转换为函数,否则为 init 对象。

在你的代码中的第二个参数d3.csv()是一个函数,因此被解释为行转换函数。由于行转换函数是针对输入文件中的每一行执行的,因此您会看到单独打印每个对象,而不是一次打印整个数组。

Since d3.csv()返回一个 Promise 正确的用法是这样的:

d3.csv("data.csv")
  .then(function(data) {
    console.log(data);
  });

Here data指整个对象数组。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

d3 将 csv 文件导入数组[重复] 的相关文章

  • NVD3 - 配置轴上的刻度

    我有一个 nvd3 折线图 它显示时间序列 但无法在 x 轴右侧获取刻度 对于较长的时间跨度 它会按预期工作 但对于较短的时间跨度 此处 12 31 05 至 01 01 06 多个刻度显示相同的日期 请看一下JSFiddle 上此图表的代
  • 如何在D3节点中放置图像?

    到目前为止 我已经创建了这些 D3 节点 用于创建可折叠的层次树 到目前为止 这些节点的颜色为 AA1C1C 深红色 以表明如果您单击它们 它们将扩展到更多节点 我想要做的是在节点中使用图像中的位置 这对于所有用户来说都是一个加号 以知道它
  • D3.以编程方式缩放后使用鼠标滚轮时缩放会跳转

    当我通过单击鼠标缩放到特定位置然后尝试平移或使用鼠标滚轮时 缩放行为会跳跃 看来我的缩放级别正在恢复 就像单击鼠标之前一样 这是我的事件处理程序 function click d var x y k if d centered d var
  • 如何在 d3.js 中的节点上制作双击事件?

    我想在节点上进行双击事件 所以我尝试了 on dbclick function d return http google com and bind dbclick function d alert hello 但一切都失败了 谁能帮我 完整
  • d3.js:在 SVG 线性渐变中过渡颜色?

    正如标题所说 使用D3 js 是否可以实现线性渐变的颜色过渡 例如 如果我有这个渐变 var gradient svg append svg defs append svg linearGradient attr id gradient a
  • 如果满足条件,则在另一个转换期间添加并发转换

    我试图在转换运行时添加一个新的转换 条件是如果 bar1 宽度与 bar2 匹配 则条形会更改位置 我使用了transition tween来查看是否满足条件 当第二个转换开始时 第一个转换停止 我希望第一个转换继续运行直到其持续时间结束
  • Typescript 中未定义的 d3.scale

    我是 Typescript 的新手 2 周 我正在从事包装 d3 js 框架的项目 我在使用 d3 d ts 命名空间 导出模块 导入时遇到问题 我的问题 当我尝试使用 d3 scale linear 时 浏览器控制台中出现错误 TypeE
  • 处理重叠 SVG 图层中的鼠标事件

    我正在使用 d3 js 构建地图可视化 我正在为美国各州和县绘制填充多边形 县的 SVG 图层位于州图层下方 状态已填充 但填充不透明度设置为 0 我认为 需要填充来捕获点击事件 我想捕获州级的点击事件 但我想捕获县级的鼠标悬停事件 但是
  • 在 D3 v4 中使用 Zoom.translateExtent 约束地图平移

    我正在尝试显示单个州的地图 并将缩放和平移限制在州的边界内 除了缩放状态路径以适应较小的容器时的平移约束之外 它大部分都在工作 我认为这归结于我不明白该使用什么参数zoom translateExtent 虽然我对此很陌生 所以它可能是别的
  • d3.js - 具有树形布局,如何更改 X 轴以使用 D3 中的时间刻度?

    我有这个树布局 需要它在 X 轴上使用时间刻度来将节点固定为日期 另外 我需要保留根节点 它有一个is rootJSON 数据中的属性 在时间范围之外 Here http codepen io anon pen kIJxo是具有树布局工作的
  • 为什么 d3.js-lasso 不读取 svg 变量

    https jsfiddle net t52f1rn7 https jsfiddle net t52f1rn7 我正在尝试制作一个线条末端有圆圈的折线图 我想选择两个点并通过单击绘制线条 然后我找到了套索插件 我尝试将它用于相同的目的 选择
  • 显示具有多个父代的 D3 树

    我目前有this http bl ocks org mbostock 4339083图已实现 我希望在描述具有多个父节点的子节点时保持结构和可折叠性 有没有办法做到这一点 我研究了力图 但我也想保留一组层次结构 这意味着 1 级的父级可以有
  • D3:在一个文件夹中加载多个csv数据文件

    我正在使用 d3 创建可视化 我的数据由同一文件夹中的 80 多个 CSV 文件组成 所以我想知道是否有一种简单的方法可以加载所有这些 我在想也许检查文件夹中有多少文件 然后递归加载它们 不过D3好像不行 任何建议 将不胜感激 谢谢 当你想
  • 如何在 React 组件中使用 CDN

    我正在尝试使用基于 D3 构建的库 称为 Greuler 来动态渲染图形 它的 npm 包似乎已损坏 当我改用 Greuler CDN 时 index html 中的测试图终于起作用了 但是 我正在开发一个 React 应用程序 并且我希望
  • 如何部分或仅按百分比沿路径过渡

    我是 d3 的初学者 目前无法使用最新版本 但我使用的是 3 x 版本 我想要实现的应该很简单 但遗憾的是我没有找到有关如何做到这一点的资源 目标是在我的 svg 中显示一条路径 然后我想显示例如一个圆并沿着路径过渡 移动 追踪圆 如果我想
  • 将 D3 图表另存为图像

    我在应用程序中创建了很多 D3 图表 但现在我的要求是将 D3 图表保存为任何格式 如 png gif 或 pdf 我搜索了很多 每个人都说我们可以使用画布来实现这一点 任何人都可以给出任何示例或链接吗 从概念上讲我很清楚这一点 使用can
  • D3 版本 5,如何将 Promise 链接到图表构建

    我想将 JS Promise 链接到 D3 v5 图表构建 并想在动画之后解决它 但它不起作用 下面的代码还在注释中显示了不同类型的尝试 它们都不起作用 选项 3 导致异常 未捕获 承诺中 类型错误 无法读取未定义的属性 on 选项 2 和
  • D3 v4 中的 d3.rebind

    所以我在网上找到了这段代码 它计算 d3 图中节点上的 dijkstra 最短路径算法 问题是 d3 rebind 已被删除 我还没有找到修复这段代码以使其工作的方法 有什么建议么 我也知道这段代码不是我的 所以这就是为什么我在理解如何更改
  • 具有负值的条形图

    我需要创建一个可以有负值的 d3 条形图 理想情况下 零轴位置应根据数据的范围来计算 但我会选择一个假设对称正负范围的解决方案 即它始终位于图表的中间 这是我想要实现的目标的示例 好吧 假设您有一个数字数组作为数据集 其中包括一些正值和负值
  • D3js多个父节点

    我正在尝试 d3 和树布局 我认为是否可以创建具有两个根的树 我知道树只有一个根是规则 但也许有人有一些例子 这是一个Fiddle http jsfiddle net 2ob0drfk 1 显示我认为您正在寻找的内容 重要的代码就在底部附近

随机推荐

  • malloced 数组 VS.malloced 数组可变长度数组[重复]

    这个问题在这里已经有答案了 有两种方法可以为数组分配内存 数组的大小一开始是未知的 最常见的方法是使用malloc像这样 int array when we know the size array malloc size sizeof in
  • 无法从“node_modules/expo/AppEntry.js”解析“../../App”

    我正在用 expo 制作一个 vue 原生应用程序 升级到 expo 版本 33 时 出现以下错误 无法从 node modules expo AppEntry js 解析 App 需要升级到版本 33 是 因为我需要 expo 文件系统模
  • 使用 LLVM 进行源到源编译[关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 目前不接受答案 我需要将 x86 汇编源代码转换为 LLVM 人类可读的 ll 文件 又名 LLVM 汇编语言 我怎样才能做到这一点 如果没有直接的解决方案 是否有
  • 将 json 提交到 MVC3 操作

    我有一个用 Knockout js 创建的表单 当用户按下提交按钮时 我将视图模型转换回模型并尝试提交到服务器 我试过 ko utils postJson location href ko toJSON viewModel 但该对象在到达服
  • 如何在 MySQL 上正确循环存储函数?

    我在正确执行一个非常简单的存储过程时遇到了一些困难 考虑以下文章表片段 id replaced by baseID 1 2 0 2 3 0 3 0 0 一个简单的分层表 使用写时复制 编辑文章时 当前文章的 Replaced by 字段将设
  • 为 Rest 客户端设置 Json 内容类型

    我正在使用用于 Android 的 Loopj 的 AsyncHttpClient 以便我可以与我创建的安静的 Web 应用程序进行交互 我已经使用 Postman 测试了 POST 请求 效果很好 然而 在 Android 中 我很难执行
  • 为什么我的 HashMap 允许重复键?

    嘿 我正在使用HashMap在公告板上跟踪服务和服务请求 但是 我的哈希码和等于错误 因为我得到了重复的键 谁能告诉我为什么会这样吗 keySet的内容 Services 1 1 6 6 3 Requests 8 7 6 5 8 4 5 6
  • 如何重置 CURLOPT_CUSTOMREQUEST

    我正在使用 REST API 除其他外 它使用DELETE像这样的方法 DELETE resources whatever items 123 为了使用 PHP 访问它 我使用 cURL 如下所示 self curl curl init c
  • Hashmap put(),它总是有序的吗?

    当我们将值添加到hashmap
  • 为什么 LINQ JOIN 比 WHERE 链接快得多?

    我最近升级到 VS 2010 并正在使用 LINQ to Dataset 我有一个用于授权的强类型数据集 位于 ASP NET Web 应用程序的 HttpCache 中 所以我想知道检查用户是否有权执行某些操作的最快方法是什么 Here是
  • 列表框“IsSelected”绑定仅部分工作

    我有一个ListBox我通过绑定动态填充 这是在DataTemplate 这就是绑定有些不寻常的原因
  • numpy 数组 C API

    我有一个返回 std vector 的 C 函数 我想在 python 中使用它 所以我使用 C numpy api static PyObject py integrate PyObject self PyObject args std
  • SAS proc导出到CSV:如何添加双引号

    刚接触这个 所以很抱歉 我有一个 SAS 文件 需要将其导出为 CSV 并且需要向所有字段添加双引号 我怎样才能做到这一点 提前致谢 从 SAS 创建 CSV 文件的方法有多种 使用proc export不会将每个字段都用双引号括起来 因此
  • 如何在 ruby​​ 中从外部访问类变量?

    我正在尝试从类外部的方法访问类变量 这是我的课 class Book bookCount 0 allBooks def self allBooks allBooks end def self bookCount bookCount end
  • 如何休眠线程直到收到异步函数的回调?

    我有一个函数 仅当从异步函数接收到回调时才需要执行 Like 我调用异步函数Stop 不久之后我调用异步函数Start 收到 Stop CallBack 之前的问题Start 被调用 因此我遇到了问题 我也无法分开调用两个函数 就像我不能这
  • 学习 HTML 语义的最佳网站是什么? [关闭]

    Closed 这个问题是基于意见的 目前不接受答案 我应该在哪里指导别人学习 HTML CSS 基础知识 我个人是从HTML 好东西回到过去 虽然我感谢肯 伯恩斯让我继续前进 但我现在不愿意派人去那个网站 因为我认为它已经过时了 显然 有很
  • Emacs 在 python 模式下禁用自动完成

    我正在使用 Emacs 24 并且想在 python 模式下禁用自动完成模式 这样它就不会与 jedi 冲突 我该如何去做这个 遗憾的是我不知道 Emacs Lisp 以下是我当前在 init el 中有关自动完成的设置 auto comp
  • jsp中的数字格式

    如何格式化 int 值123456789 as 123 456 789 使用 JSTL fmt formatNumber http download oracle com docs cd E17802 01 products product
  • ColdFusion 的 DecimalFormat() 函数中这是怎么回事?我怎样才能得到正确的结果?

  • d3 将 csv 文件导入数组[重复]

    这个问题在这里已经有答案了 我正在尝试使用 d3 csv 方法导入 csv 文件 这是我的代码 d3 csv data csv function data console log data 我认为我会得到一个包含对象的数组 每个对象代表 c