个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我正在尝试使用 Observable 中的 D3 重现分组条形图.我在 Chrome 上使用 D3.v5 运行脚本。
在我的脚本中:
var data = Object.assign(await d3.csv("https://gist.githubusercontent.com/mbostock/3887051/raw/805adad40306cedf1a513c252ddd95e7c981885a/data.csv",
d3.autoType), {
y: "Population"
});
当我在 HTML 中运行它时，它显示以下错误:
Uncaught SyntaxError: missing ) after argument list
我在 Chrome 控制台上试过了，它工作正常。
HTML 文件内容:
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script>
var margin = {top: 10, right: 10, bottom: 20, left: 40},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
var data = Object.assign(await d3.csv("https://gist.githubusercontent.com/mbostock/3887051/raw/805adad40306cedf1a513c252ddd95e7c981885a/data.csv", d3.autoType), {y: "Population"});
</script>成功时，数据应该是一个对象，如下所示:
[{…}, {…}, {…}, {…}, {…}, {…}, columns: Array(8), y: "Population"]
最佳答案
您想要的是从 Observable 移动代码notebook 到一个通用的 JavaScript 脚本。在那种情况下，您不能像以前那样使用 await。
如果您查看 MDN page ，你会很清楚地看到:
The await operator is used to wait for a Promise. It can only be used inside an async function. (emphasis mine)
也就是说，这个包含您的代码的async 函数将起作用:
(async function foo() {
const data = Object.assign(await d3.csv("https://gist.githubusercontent.com/mbostock/3887051/raw/805adad40306cedf1a513c252ddd95e7c981885a/data.csv", d3.autoType), {
y: "Population"
});
console.log(data)
})();<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>由于笔记本的工作方式，该代码在 Observable 笔记本中运行:
Observable already supported async generators in a sense: you can also define a (synchronous) generator cell that yields promises. Observable waits until the previous promise resolves before pulling the next one from the generator. (source)
最后，关于您对代码在 Chrome 控制台上运行的观察:不仅是 Chrome，该代码在大多数现代浏览器的控制台中都可以在没有 async 的情况下运行。解释是控制台中的代码默认被包裹在了async中。这是一个很好的阅读:https://medium.com/@tomsu/devtools-tips-day-7-the-simple-joys-of-async-console-578f4ce67df4
关于object - 未捕获的语法错误 : missing ) after argument list when using Object. 分配等待，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56859371/
27
4
0
要在标题(或谷歌)中简洁地描述这是一个棘手的问题。我有一个分类表，其中某些列可能会根据置信度列为“已删除”。我想用“未识别”替换任何显示“已删除”的列，后跟第一列中未识别的值以行方式说“掉落”。因此，
我在 VSCode 上使用 pygame 模块，但遇到了 pygame 没有 init 成员的问题。我遵循了 this 的解决方案关联。我编辑了用户设置并添加了 "python.linting
我的问题是如何解决丢失的脚本太旧或丢失!! checking for a BSD-compatible install... /usr/bin/install -c checking whether
我正在使用带有启动器的 Spring Boot。当我错误配置启动器(缺少或定义了错误的值)时，它会打印“缺少 bean”错误消息，而不是“缺少值”。很难找到这个错误。 我的开胃菜看起来像 @Condi
我在 Django 1.7 中遇到问题，我正在尝试将用户保存到表中，但我收到一个错误，指出该表不存在。 这是我正在执行的代码: from django.conf import settings fro
我正在查看 EhCache 统计数据，我看到了这些数字: CacheMisses: 75977 CacheHits: 38151 InMemoryCacheMisses: 4843 InMemoryC
我正在尝试使用这些数据运行 lme 模型: tot_nochc=runif(10,1,15) cor_partner=factor(c(1,1,0,1,0,0,0,0,1,0)) age=runif(
我在 Microsoft Visual Studio C++ 中编写了一个程序，并为此使用了 SFML。我包含了程序所需的正确的 .dll 文件，并将它们复制到“发布”文件夹中。有效。整个程序在我的电
在设置新的Reaction CSR应用程序、一些样板库等过程中。在控制台中收到以下错误：。现在，我不会去修复一些我没有维护的包。我怎么才能找到真正的问题呢？Vite dev Build没有报告错误。
我正在上 React Native 类(class)，然后使用 Flow 尝试纠正类(class)中的错误，因为讲师没有使用任何类型检查。 我在 Flow 中遇到了另一个错误，通过在互联网上进行长时间
我想删除图像标签正在寻找的缺失错误。我不想要 ult 标签占位符，试图故意将其保留为空白，直到我使用回形针浏览上传照片。 我已经将 url(:missing) 更改为许多其他内容，例如 nil 等。是
CREATE TABLE customer(customer_id NUMBER(6) PRIMARY KEY , customer_name VARCHAR2(40) NOT NULL , cust
我正在设置 invisible reCAPTCHA在我的 Web 应用程序中并且无法验证用户的响应。 (即使我传递了正确的 POST 参数) 我通过调用 grecaptcha.execute(); 以
我搜索了 these SO results找不到与我的问题相关的任何内容。我怀疑这可能是重复的。 我目前正在 .NET C# 3.5 中编写 Microsoft.Office.Interop.Exce
我在同一行收到两个错误。 Bridge *在 Lan 类中排名第一。我错过了什么？ #include #include #include using namespace std; class L
首先，我看到了一些解决方案，但我没有理解它们。我是 QT 的新手，甚至谷歌也没有帮助我。英语不是我的母语 这是在QT Creator 5.6中调试后的报错信息 C2143: syntax error:
有没有办法把表1展开成表2？就是将start_no和end_no之间的每一个整数作为seq_no字段输出，取原表的其他字段组成新表(表2)。 表 1: date source market
我在 Excel (2016) 中制作了一个旭日形图，并希望为所有数据点添加标签。问题是，Excel 会自动丢弃一些标签: 似乎标签被删除是因为数据点太小或标签字符串太长。如何让 Excel 显示所有
在 R 3.0.2 中，missing() 函数可以告诉我们是否缺少形式参数。 如何避免硬编码传递给丢失的变量名称？例如在 demoargs <- function(a=3, b=2, d) {
我试图在 UI 上的某些功能中返回一个按钮，但出现了一个奇怪的错误。有人可以帮忙吗？ var div = "View" 我得到的错误是: 参数列表后缺少 )。 最佳答案 onclick="javas
我是一名优秀的程序员,十分优秀！