【问题标题】:D3 examples from bl.ocks.org full of errors, can version be the reason?来自 bl.ocks.org 的 D3 示例充满错误,版本可能是原因吗?
【发布时间】:2025-12-25 16:55:16
【问题描述】:

我正在与 D3js.org 合作,但我是新手,我遇到了一些困难。 我从this site 中找到了一些非常酷的示例,但是每个示例都有一些错误,我无法在我的机器上加载。 我认为这是因为版本的原因,因为它们中的大多数都是用 d3.v3 或 d3.v4 构建的,而 D3js 的最新版本现在是 d3.v7。但即使是这个原因,它们是如何加载到herehere 中的?

【问题讨论】:

  • 从 v3 到 v4 有许多重大更改(很多方法被重命名),从 v4 到 v7 的一些关键更改也会破坏代码。很难想出一个 v3 中的示例可以在不进行更改的情况下与 v7 一起使用
  • 我什至试图包含所有版本,例如:<script type="text/javascript" src="https://d3js.org/d3.v3.min.js"></script><script type="text/javascript" src="https://d3js.org/d3.v7.min.js"></script>,但它仍然无法正常工作。
  • 为什么要混合版本?根据您导入的顺序,您仍然会遇到问题。尝试使其仅与 v3 一起使用,一旦您可以复制示例,您就可以开始迁移,大多数更改都相当简单直接。
  • 好的,非常感谢,非常感谢。我会期待这个。
  • @AndrewReid,我可以再问你一个问题吗?我在条形图上加载真实数据时遇到问题。请参阅我昨天提出的this 问题。我想显示我从数据库中检索到的真实数据,并使我的条形图动态,而不仅仅是数组中的一些数据。你能回答一下吗?

标签: javascript d3.js data-visualization


【解决方案1】:

Observable 页面是 d3.js 库的补充,它基本上是一个在线工作区,您可以在其中直接在浏览器上编写 d3.js 代码并反映更改。

当你想玩的时候很好,很可能你会在你正在寻找的 d3.js 版本中找到示例。 我建议您使用最新版本。

对于离线开发,只需使用 html 页面并集成 d3 库和您需要的模块。 包括一个 JS 脚本,您将在其中进行编码。

我希望这有助于消除一些困惑。

【讨论】:

  • 您好,感谢您的回复。好的,但它甚至不适用于离线开发。我需要这个用于我正在工作的实际在线网站,我想“复制粘贴”一个实际的 D3 项目并将其放在我的页面上,但它只是显示为空白和一堆语法错误,每次我修复一个,另一个弹出来!
  • 我不知道该如何回答。没有技术问题可以固定它。也许像highcharts.com 这样不那么复杂的框架会对您有所帮助?
最近更新 更多