如何调用D3js中数组Array的方法

白癜风多少钱 http://pf.39.net/bdfyy/tslf/191217/7693919.html

工具

HBuilderX浏览器技术

D3.jsJavaScriptD3.js是三维立体图形可视化图库,可以设计出不同类型的三维图形。下面利用实例说明数组Array中方法的用法,并获取对应的值。

操作步骤:

1、打开HBuilderX开发工具,新建一个页面文件,引入d3.js;添加script标签,调用d3.js中的min()方法,获取数组a1元素的最小值

获取数组a1元素的最小值

2、使用浏览器预览界面,打开浏览器控制台,查看打印结果;显示值为12,这个是数组的最小值

打开浏览器,查看打印的值

3、将min()方法改为max()方法,然后保存代码

min()方法改为max()方法

4、刷新浏览器,可以查看到打印结果为24,这个值是数组元素的最小值

查看控制台打印结果值

5、接着,将max()方法改为extent()方法,获取数组的最小值和最大值

获取数组的最小值和最大值

6、保存代码并刷新浏览器,查看到控制台打印结果为一个数组,分别为原数组的最小值和最大值

保存代码并刷新浏览器,查看打印结果

7、如果要求数组所有元素的和,可以使用sum()方法

调用sum方法求和

8、保存代码并刷新浏览器,查看控制台打印结果,可以发现是数组元素的和

查看控制台打印结果

9、如果要求数组所有元素的均值,可以使用mean方法

调用mean方法求数组均值

10、再次保存代码并刷新浏览器,可以查看到显示结果为数组元素的均值

查看打印结果D3.js数据可视化实战手册京东无理由退换¥57.16购买


转载请注明:http://www.aierlanlan.com/cyrz/4466.html