手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

d3.js如何加载json文件

时间:2024-10-16 13:57:31

1、双击打开HBuilder开发工具,在Web项目中,创建一个HTML5文件json_data.html

d3.js如何加载json文件

2、打开已新建的页面文件,引入d3核心文件并修改title内容

d3.js如何加载json文件

3、在<body></body>标签中,插入一个div标签并设置id属性值

d3.js如何加载json文件

4、在data文件夹下,新建一个json文件data.json,并插入json格式数据

d3.js如何加载json文件

5、在jquery初始化函数中,调用d3.json()方法读取data.json,然后打印返回值

d3.js如何加载json文件

6、保存代码并运行文件,打开浏览器控制台,查看到打印结果

d3.js如何加载json文件
© 手抄报圈