工具
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购买