在d3.js中,可以使用d3.json()方法获取本地或远程json文件。那么,具体是怎么实现的呢?
工具/原料
d3.js
JavaScript
jquery
HTML5
HBuilder
截图工具
WPS
方法/步骤
1、双击打开HBuilder开发工具,在Web项目中,创建一个HTML5文件json_data.html
2、打开已新建的页面文件,引入d3核心文件并修改title内容
3、在<body></body>标签中,插入一个div标签并设置id属性值
4、在data文件夹下,新建一个json文件data.json,并插入json格式数据
5、在jquery初始化函数中,调用d3.json()方法读取data.json,然后打印返回值
6、保存代码并运行文件,打开浏览器控制台,查看到打印结果