如何在D3中正确加载本地JSON？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="https://d3js.org/d3.v5.js"></script>
</head>
<body>
<script>
d3.json("buildings.json").then(data => console.log(data))
</script>
</body>
</html>共有1个答案
d3.json使用fetch。
export default function(input, init) {
return fetch(input, init).then(responseJson);
}
https://github.com/d3/d3-fetch/blob/master/src/json.js
所以您正在处理这些So帖子中描述的相同问题。
有两种选择避免这种情况：
>
使用Web服务器。要为静态HTML/JS文件运行一个简单的Web服务器，可以使用类似于npm http-server（https://www.npmjs.com/package/http-server）的东西
改变你的chrome启动参数，让它知道你想忽略这个安全特性。您可以通过更改启动配置来实现这一点，例如如下所示
-
问题内容： 我一直在尝试在Node.js中调用D3。我首先尝试使用脚本标签从D3的网站导入d3.v2.js D3的作者建议一个人应该“ npm install d3” …我做到了，我可以在节点控制台中成功调用它： 但是，当尝试使用“ node app.js”从app.js调用它时，我得到： 我意识到，D3的作者在其他地方已经明确规定了应该使用画布： https://github.com/mbost
-
问题内容： 好的，所以我一直在尝试使用以下代码加载BufferedImage： 但是，这在运行时给了我一个类型转换错误，那么如何正确加载BufferedImage？ 问题答案： 使用来代替：
-
问题内容： 所以我目前正在尝试显示我在UIWebview中拥有的本地PDF，这是我正在使用的代码： 该代码将成功构建，但是当我运行该应用程序时，它将崩溃并显示以下错误：线程1：EXC_BAD_INSTRUCTION（code = EXC-I386_INVOP，subcode = 0x0） 我已经找到了一些有关如何执行此操作的教程，但是它们都已经过时或在Objective-C中。 问题答案： 干得好
-
在angular code中，我有一个像这样的promise： 这些函数中的每一个都返回一个promise，该promise从资源中加载东西，并在错误和成功时另外修改$action，例如： 我打算在控制器初始化的代码中使用in： 然而，这并不像我想的那样有效。理想情况下，“我会在这里做一些事情后，所有的promise解决”的消息必须出现在所有promise解决。相反，我可以看到它出现在ensure
-
如何正确转换dto到json在Java？我这样做就像下面使用： 问题在于格式化字段。在Dto我有我的日期在这种格式：但转换此dto到json字节后，我看到我的拆分为对象与许多属性如下： 在使用之后，我希望将中的所有属性以与转换之前相同的格式进行转换。如何做到这一点？ 谢谢你的帮助！
-
react项目为了做性能优化减小包体积在项目中用了大量的React.lazy加载组件进行代码分割，效果也挺明显，包大小从1.4M缩小到110KB但是到生产后监控到通过React.Lazy这种方式加载组件会有失败的场景（走到了代码的catch）。请问下这种场景页面是不是会报错白屏（复现不出来不知道现象是怎么样的） 请问各位大佬这种情况该怎么处理啊？添加重试功能？ 还是像官方的处理一样添加ErrorB