d3对于数组的处理

来源：互联网发布：ubuntu挂载共享文件夹编辑：程序博客网时间：2024/06/05 21:12

1.数组的排序

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title></head><body>    <script type="text/javascript" src = "http://d3js.org/d3.v3.min.js"></script>    <script type="text/javascript">        var numbers = [54,23,77,11,34];        numbers.sort(d3.ascending);//升序排列        console.log(numbers);        numbers.sort(d3.descending);//降序排列        console.log(numbers);    </script></body></html>

这里用的是cdn方式的引入，结果如下图

结果如下

2.数组的求值

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title></head><body>    <script type="text/javascript" src = "http://d3js.org/d3.v3.min.js"></script>    <script type="text/javascript">        var numbers = [54,23,77,11,34];        //求最小值        var min = d3.min(numbers);        //求最大值        var max = d3.max(numbers);        //求最大值和最小值        var extent = d3.extent(numbers);        console.log(min);        console.log(max);        console.log(extent);        //使用accessor,在求值前先处理数据        var minAcc = d3.min(numbers,function(d){ return d*3});        var maxAcc = d3.max(numbers,function(d){return d - 5;})        var extentAcc = d3.extent(numbers,function(d){ return d%7;});        //输出结果        console.log(minAcc);        console.log(maxAcc);        console.log(extentAcc);        //求数组的总和        console.log("求数组的总和");        var number = [69,11,undefined,53,27,82,65,34,NaN];        //总和        var sum = d3.sum(number,function(d){return d/3;});        var mean = d3.mean(number);        //输出结果        console.log(sum);        console.log(mean);        console.log("求数组的中间值");        var numbers1 = [3,1,7,undefined,9,NaN];        console.log(d3.median(numbers1));        var numbers2 = [3,1,7,undefined,9,10,NaN];        console.log(d3.median(numbers2));    </script></body></html>

输出结果为：

这里写图片描述

阅读全文

0 0