多语言展示
当前在线:1342今日阅读:61今日分享:18

如何使用d3.js中的merge方法将不同数组进行合并

在我们使用d3.js的过程中,除了对数组元素进行求最小值、最大值、平均值和求和之外,还可以将数组中的元素合并生成一个新的数组。下面利用实例说明如何使用merge方法,操作如下:
工具/原料
1

d3.js

2

HTML5

3

JavaScript

4

HBuilder

5

浏览器

6

截图工具

方法/步骤
1

第一步,为了演示merge方法的用法,需要一个静态页面,默认使用HTML5,如下图所示:

2

第二步,在JavaScript标签内,定义三个数组a、b和c,有数值类型和字符串类型,如下图所示:

3

第三步,然后调用d3.js中的merge方法,将第二步中的三个数组进行合并,如下图所示:

4

第四步,保存代码并打开浏览器控制台,查看结果发现出现了报错,如下图所示:

5

第五步,返回HBuilder检查代码发现,调用merge方法需要使用中括号将数组包裹起来,如下图所示:

6

第六步,再次保存代码并预览查看结果,发现三个数组合并成了一个数组,如下图所示:

注意事项
1

注意d3.js中的merge方法的用法

2

注意d3.js中操作数组的各种方法

推荐信息