[76] | 1 | require("./../../lib/env-js/envjs/node"); |
---|
| 2 | require("./../../d3"); |
---|
| 3 | |
---|
| 4 | var area = d3.svg.area(); |
---|
| 5 | |
---|
| 6 | console.log("default:"); |
---|
| 7 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
| 8 | console.log(" [[0, 0], [1, 1]]:", area([[0, 0], [1, 1]])); |
---|
| 9 | console.log(" [[0, 0], [1, 1], [2, 0]]:", area([[0, 0], [1, 1], [2, 0]])); |
---|
| 10 | console.log(""); |
---|
| 11 | |
---|
| 12 | var i = 0, |
---|
| 13 | area = d3.svg.area() |
---|
| 14 | .x(function() { return i++; }); |
---|
| 15 | |
---|
| 16 | console.log("x(function() { return i++; }):"); |
---|
| 17 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
| 18 | console.log(" [[0, 0], [1, 1]]:", area([[0, 0], [1, 1]])); |
---|
| 19 | console.log(" [[0, 0], [1, 1], [2, 0]]:", area([[0, 0], [1, 1], [2, 0]])); |
---|
| 20 | console.log(""); |
---|
| 21 | |
---|
| 22 | var i = 0, |
---|
| 23 | area = d3.svg.area() |
---|
| 24 | .y(function() { return i++; }); |
---|
| 25 | |
---|
| 26 | console.log("y(function() { return i++; }):"); |
---|
| 27 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
| 28 | console.log(" [[0, 0], [1, 1]]:", area([[0, 0], [1, 1]])); |
---|
| 29 | console.log(" [[0, 0], [1, 1], [0, 2]]:", area([[0, 0], [1, 1], [0, 2]])); |
---|
| 30 | console.log(""); |
---|
| 31 | |
---|
| 32 | var area = d3.svg.area() |
---|
| 33 | .y0(-1); |
---|
| 34 | |
---|
| 35 | console.log("y0(-1):"); |
---|
| 36 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
| 37 | console.log(" [[0, 0], [1, 1]]:", area([[0, 0], [1, 1]])); |
---|
| 38 | console.log(" [[0, 0], [1, 1], [2, 0]]:", area([[0, 0], [1, 1], [2, 0]])); |
---|
| 39 | console.log(""); |
---|
| 40 | |
---|
| 41 | var area = d3.svg.area() |
---|
| 42 | .x(function(d) { return d.x; }) |
---|
| 43 | .y1(function(d) { return d.y; }); |
---|
| 44 | |
---|
| 45 | console.log("x(d.x).y1(d.y):"); |
---|
| 46 | console.log(" [{x:0,y:0}]:", area([{x:0,y:0}])); |
---|
| 47 | console.log(" [{x:0,y:0},{x:1,y:1}]:", area([{x:0,y:0},{x:1,y:1}])); |
---|
| 48 | console.log(" [{x:0,y:0},{x:1,y:1},{x:2,y:0}]:", area([{x:0,y:0},{x:1,y:1},{x:2,y:0}])); |
---|
| 49 | console.log(""); |
---|
| 50 | |
---|
| 51 | var area = d3.svg.area() |
---|
| 52 | .x(function(d) { return d.x; }) |
---|
| 53 | .y0(function(d) { return -d.y; }) |
---|
| 54 | .y1(function(d) { return d.y; }); |
---|
| 55 | |
---|
| 56 | console.log("x(d.x).y0(-d.y).y1(d.y):"); |
---|
| 57 | console.log(" [{x:0,y:0}]:", area([{x:0,y:0}])); |
---|
| 58 | console.log(" [{x:0,y:0},{x:1,y:1}]:", area([{x:0,y:0},{x:1,y:1}])); |
---|
| 59 | console.log(" [{x:0,y:0},{x:1,y:1},{x:2,y:0}]:", area([{x:0,y:0},{x:1,y:1},{x:2,y:0}])); |
---|
| 60 | console.log(""); |
---|
| 61 | |
---|
| 62 | var area = d3.svg.area() |
---|
| 63 | .interpolate("step-before"); |
---|
| 64 | |
---|
| 65 | console.log("interpolate(step-before):"); |
---|
| 66 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
| 67 | console.log(" [[0, 0], [1, 1]]:", area([[0, 0], [1, 1]])); |
---|
| 68 | console.log(" [[0, 0], [1, 1], [2, 0]]:", area([[0, 0], [1, 1], [2, 0]])); |
---|
| 69 | console.log(""); |
---|
| 70 | |
---|
| 71 | var area = d3.svg.area() |
---|
| 72 | .interpolate("step-after"); |
---|
| 73 | |
---|
| 74 | console.log("interpolate(step-after):"); |
---|
| 75 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
| 76 | console.log(" [[0, 0], [1, 1]]:", area([[0, 0], [1, 1]])); |
---|
| 77 | console.log(" [[0, 0], [1, 1], [2, 0]]:", area([[0, 0], [1, 1], [2, 0]])); |
---|
| 78 | console.log(""); |
---|
| 79 | |
---|
| 80 | var area = d3.svg.area() |
---|
| 81 | .interpolate("basis"); |
---|
| 82 | |
---|
| 83 | console.log("interpolate(basis):"); |
---|
| 84 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
| 85 | console.log(" [[0, 0], [1, 1]]:", area([[0, 0], [1, 1]])); |
---|
| 86 | console.log(" [[0, 0], [6, 6], [12, 0]]:", area([[0, 0], [6, 6], [12, 0]])); |
---|
| 87 | console.log(""); |
---|
| 88 | |
---|
| 89 | var area = d3.svg.area() |
---|
| 90 | .interpolate("basis-closed"); |
---|
| 91 | |
---|
| 92 | console.log("interpolate(basis-closed):"); |
---|
| 93 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
| 94 | console.log(" [[0, 0], [6, 6]]:", area([[0, 0], [6, 6]])); |
---|
| 95 | console.log(" [[0, 0], [6, 6], [12, 0]]:", area([[0, 0], [6, 6], [12, 0]])); |
---|
| 96 | console.log(""); |
---|
| 97 | |
---|
| 98 | var area = d3.svg.area() |
---|
| 99 | .interpolate("cardinal"); |
---|
| 100 | |
---|
| 101 | console.log("interpolate(cardinal):"); |
---|
| 102 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
| 103 | console.log(" [[0, 0], [5, 5]]:", area([[0, 0], [5, 5]])); |
---|
| 104 | console.log(" [[0, 0], [5, 5], [10, 0]]:", area([[0, 0], [5, 5], [10, 0]])); |
---|
| 105 | console.log(""); |
---|
| 106 | |
---|
| 107 | var area = d3.svg.area() |
---|
| 108 | .interpolate("cardinal-closed"); |
---|
| 109 | |
---|
| 110 | console.log("interpolate(cardinal-closed):"); |
---|
| 111 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
| 112 | console.log(" [[0, 0], [5, 5]]:", area([[0, 0], [5, 5]])); |
---|
| 113 | console.log(" [[0, 0], [5, 5], [10, 0]]:", area([[0, 0], [5, 5], [10, 0]])); |
---|
| 114 | console.log(""); |
---|
| 115 | |
---|
| 116 | var area = d3.svg.area() |
---|
| 117 | .interpolate("monotone"); |
---|
| 118 | |
---|
| 119 | console.log("interpolate(monotone):"); |
---|
| 120 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
| 121 | console.log(" [[0, 0], [5, 5]]:", area([[0, 0], [5, 5]])); |
---|
| 122 | console.log(" [[0, 0], [5, 5], [10, 0]]:", area([[0, 0], [5, 5], [10, 0]])); |
---|
| 123 | console.log(""); |
---|