无法在D3中读取json
无法在D3中读取json
提问于 2017-05-28 19:47:57
我正在尝试使用D3库读取json文件，但是当我尝试读取json时，我得到了警告空值(这里我使用的是警告)。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Simple venn.js example</title>
</head>
<body>
<div id="weighted_example"></div>
</body>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script>
d3.json( "file.json", function( json ) {
alert( "JSON Data: " + json );
});
</script>
</html>以下是file.json (已经在线验证)
[{
"sets": [0],
"size": 1958
},
{
"sets": [1],
"size": 1856
},
{
"sets": [2],
"size": 1297
},
{
"sets": [0, 1],
"size": 220
},
{
"sets": [2, 0],
"size": 123
},
{
"sets": [2, 1],
"size": 139
}
]我如何解决这样的问题？
回答 2
Stack Overflow用户
发布于 2017-05-28 21:41:01
如果您在浏览器中运行，则不能加载本地文件。我建议将数据上传到某个在线位置，比如here，然后使用d3.json()请求它。
利克索：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Simple venn.js example</title>
</head>
<body>
<div id="weighted_example"></div>
</body>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script>
d3.json( "https://gist.githubusercontent.com/kvyb/d482dc15602c34841d4796daa9ed64cb/raw/d737e19c03868adf2f15103fcd98384f4c364785/file.json", function(json) {
alert( "JSON Data: " + json)
});
</script>
</html>否则，您可以将其硬编码到html文件中：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Simple venn.js example</title>
</head>
<body>
<div id="weighted_example"></div>
</body>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script>
var json = [{
"sets": [0],
"size": 1958
},
{
"sets": [1],
"size": 1856
},
{
"sets": [2],
"size": 1297
},
{
"sets": [0, 1],
"size": 220
},
{
"sets": [2, 0],
"size": 123
},
{
"sets": [2, 1],
"size": 139
}
]
alert( "JSON Data: " + json)
</script>
</html>如果您不介意使用其他库，除了其他库之外，还有一种本地加载的jquery解决方案。
Stack Overflow用户
发布于 2017-11-19 12:23:32
为了让这些文件在本地工作，您需要使用HTTP服务器。就我个人而言，我在Mac上使用MAMP。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44226971
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号