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

如何使用d3js中的map并获取map中的元素值

时间:2024-10-12 18:48:18

1、第一步,打开HBuilder编辑工具,新建一个静态页面并修改title标签内容,如下图所示:

如何使用d3js中的map并获取map中的元素值

2、第二步,在<script>标签中,定义一个对象数组然后赋值给变量p,如下图所示:

如何使用d3js中的map并获取map中的元素值

3、第三步,然后调用d3中的map,使用回调函数将map中的元素进行返回,如下图所示:

如何使用d3js中的map并获取map中的元素值

4、第四步,接着调用d3.js中的get()方法获取map中的元素值,并进行打印,如下图所示:

如何使用d3js中的map并获取map中的元素值

5、第五步,保存代码并打开浏览器控制台,查看到打印结果,意外的是出现了报错,如下图所示:

如何使用d3js中的map并获取map中的元素值

6、第六步,修改get()方法前的调用对象map,然后传入map中的value值,如下图所示:

如何使用d3js中的map并获取map中的元素值
© 手抄报圈