无法在d3 js中加载json数据

时间:2018-11-29 06:19:26

标签: javascript d3.js

我是D3 JS的新手。我想从D3 js加载json数据。在这里,我不确定是否已加载json。在这里,没有消息出现。我想显示html和json数据,

mydata.json


   [
    {"name":"Hira","age":35},
    {"name":"Basu","age":26},
    {"name":"Mukhia","age":30}
]

HTML

 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
<script src="https://d3js.org/d3.v5.min.js"></script>
</head>
<body>
<script>
d3.json("./mydata.json", function(data) {
  console.log(data);
});
</script>
</body>
</html> 

希望你们能给出一些提示。

1 个答案:

答案 0 :(得分:1)

在这里,我找到了解决方法。

d3.json("./mydata.json").then(function(data){
    console.log(data);
});

在新版本中,我们必须指定then函数。在then函数中,我们必须设置回调函数。