diff options
Diffstat (limited to 'wqflask/wqflask/static/packages/novus-nvd3-d51729c/test/ScatterChartTest.html')
-rwxr-xr-x | wqflask/wqflask/static/packages/novus-nvd3-d51729c/test/ScatterChartTest.html | 256 |
1 files changed, 0 insertions, 256 deletions
diff --git a/wqflask/wqflask/static/packages/novus-nvd3-d51729c/test/ScatterChartTest.html b/wqflask/wqflask/static/packages/novus-nvd3-d51729c/test/ScatterChartTest.html deleted file mode 100755 index 464453d3..00000000 --- a/wqflask/wqflask/static/packages/novus-nvd3-d51729c/test/ScatterChartTest.html +++ /dev/null @@ -1,256 +0,0 @@ -<!DOCTYPE html> -<meta charset="utf-8"> - -<link href="../src/nv.d3.css" rel="stylesheet" type="text/css"> -<link href="teststyle.css" rel="stylesheet" type='text/css'> - -<body> -<div style='position:relative;' class='with-transitions'> - <h3>Scatter chart tests</h3> - <div class='navigation'> - Tests: - <a href="lineChartTest.html">Line Chart</a> - <a href="stackedAreaChartTest.html">Stacked Area</a> - <a href="../examples/cumulativeLineChart.html">Cumulative Line</a> - <a href="ScatterChartTest.html">Scatter</a> - <a href="interactiveBisectTest.html">nv.interactiveBisect unit tests</a> - </div> - <div id="test1" class="chart third"> - Normal - four series', all random (40 points) - <button>Select chart</button> - <svg></svg> - </div> - <div id="test2" class="chart third"> - Normal - one series', all random (5 points), zero left margin - <button>Select chart</button> - <svg></svg> - </div> - <div id="test3" class="chart third"> - Zero right margin, 200 points - <button>Select chart</button> - <svg></svg> - </div> - <div id="test4" class="chart third"> - Bigger margins - <button>Select chart</button> - <svg></svg> - </div> - <div id="test5" class="chart third"> - Zero data points - <button>Select chart</button> - <svg></svg> - </div> - <div id="test6" class="chart third"> - One point. - <button>Select chart</button> - <svg></svg> - </div> - <div id="test7" class="chart third"> - Two points - <button>Select chart</button> - <svg></svg> - </div> - <div id="test8" class="chart third"> - Three series', one point each - <button>Select chart</button> - <svg></svg> - </div> - <div id="test9" class="chart third"> - Three series', first one has zero points - <button>Select chart</button> - <svg></svg> - </div> - <div id="test10" class="chart third"> - Lots of series - <button>Select chart</button> - <svg></svg> - </div> - <div id="test11" class="chart third"> - Scatter plus line: y=2x + 0 - <button>Select chart</button> - <svg></svg> - </div> - <div id="test12" class="chart third"> - Scatter plus line: y=2x + 10; - <button>Select chart</button> - <svg></svg> - </div> - <div id="test13" class="chart third"> - Scatter plus line: y=-0.5x + 1.0; - <button>Select chart</button> - <svg></svg> - </div> - <div id="test14" class="chart third"> - Scatter chart: duplicate y values - <button>Select chart</button> - <svg></svg> - </div> - <div id="test15" class="chart third"> - Scatter chart: duplicate x values - <button>Select chart</button> - <svg></svg> - </div> - <div id="test16" class="chart third"> - Scatter chart: extremely small data points (1e-10) - <button>Select chart</button> - <svg></svg> - </div> - - -</div> - -<script src="../lib/d3.v3.js"></script> -<!--<script src="../lib/fisheye.js"></script>--> -<script src="../nv.d3.js"></script> -<script src="../src/tooltip.js"></script> -<script src="../src/utils.js"></script> -<script src="../src/models/legend.js"></script> -<script src="../src/models/axis.js"></script> -<script src="../src/models/distribution.js"></script> -<script src="../src/models/scatter.js"></script> -<script src="../src/models/scatterChart.js"></script> -<script src="../src/models/scatterPlusLineChart.js"></script> -<script src="testScript.js"></script> -<script> - -defaultChartTest("test1", randomData(4,40)); -defaultChartTest("test2", randomData(1,5), {left:0}); -defaultChartTest("test3", randomData(2,200), {right: 0}); -defaultChartTest("test4", randomData(2, 8), {top:40, right: 90, bottom: 150, left: 150}); -defaultChartTest("test5", randomData(0,0)); -defaultChartTest("test6", randomData(1,1)); -defaultChartTest("test7", randomData(1,2)); -defaultChartTest("test8", randomData(3,1)); -defaultChartTest("test9", [ - {key: "Group 0", values: []}, - {key: "Group 1", values: [{x:1, y:1}]} -]); - -defaultChartTest("test10", randomData(30,2)); - -scatterPlusLineTest("test11", randomDataSloped(2,0)); -scatterPlusLineTest("test12", randomDataSloped(2,10)); -scatterPlusLineTest("test13", randomDataSloped(-0.5,1)); -defaultChartTest("test14", [ -{key: "Duplicate Y", - values: [ - {x: 0, y: 10}, {x:1, y:10},{x:2, y:10},{x:3, y:10} - ] - } -]); - -defaultChartTest("test15",[ - {key: "Duplicate X", - area: true, - values: [ - {x: 4, y: 10}, - {x: 4, y: 11}, - {x: 4, y: 12}, - {x: 4, y: 13} - ] - } -]); - -defaultChartTest("test16",tinyPoints()); - -function defaultChartTest(container, data, margin) { - nv.addGraph(function() { - var chart; - chart = nv.models.scatterChart() - .showDistX(true).showDistY(true) - ; - chart.xAxis.tickFormat(d3.format('.02f')); - chart.yAxis.tickFormat(d3.format('.02f')); - if (margin) { - chart.margin(margin); - } - chart.tooltipContent(function(key) { - return "<h3>" + key + "</h3>"; - }); - d3.select('#' + container + ' svg').datum(data).transition().duration(500).call(chart); - nv.utils.windowResize(chart.update); - return chart; - }); -} - -function scatterPlusLineTest(container, data) { - nv.addGraph(function() { - var chart; - chart = nv.models.scatterPlusLineChart() - .showDistX(true).showDistY(true); - chart.xAxis.tickFormat(d3.format('.02f')); - chart.yAxis.tickFormat(d3.format('.02f')); - chart.tooltipContent(function(key) { - return "<h3>" + key + "</h3>"; - }); - d3.select('#' + container + ' svg').datum(data).transition().duration(500).call(chart); - nv.utils.windowResize(chart.update); - return chart; - }); -} - - -function randomData(groups, points) { //# groups,# points per group - var data = [], - shapes = ['circle', 'cross', 'triangle-up', 'triangle-down', 'diamond', 'square'], - random = d3.random.normal(); - - for (i = 0; i < groups; i++) { - data.push({ - key: 'Group ' + i, - values: [] - }); - - for (j = 0; j < points; j++) { - data[i].values.push({ - x: random(), - y: random(), - size: Math.random(), - shape: shapes[j % 6] - }); - } - } - - return data; -} - - -function randomDataSloped(slope,intercept) { //# groups,# points per group - var data = [], - shapes = ['circle', 'cross', 'triangle-up', 'triangle-down', 'diamond', 'square'], - random = d3.random.normal(); - - var groups = 2, points = 10; - for (i = 0; i < groups; i++) { - data.push({ - key: 'Group ' + i, - values: [], - slope: slope, - intercept: intercept - }); - - for (j = 0; j < points; j++) { - data[i].values.push({ - x: random(), - y: random(), - size: Math.random(), - shape: shapes[j % 6] - }); - } - } - - return data; -} - - -function tinyPoints() { - var rval = {key: "Tiny points", values: []}; - for(var i =1; i < 20; i++) { - rval.values.push({ - x: Math.random() * 1e-10, - y: Math.random() * 1e-10 - }); - } - return [rval]; -} -</script> |