archive-gh-me/datavjs
1
0
Fork 0
mirror of https://github.com/TBEDP/datavjs.git synced 2025-12-08 19:45:52 +00:00
Code Issues Projects Releases Wiki Activity

Fix parallel.

Browse Source
This commit is contained in:
Jackson Tian 2012-10-15 16:51:50 +08:00
parent 48a5d9d7a4
commit d01d95d84b
1 changed files with 30 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
example/parallel/parallel_without_seajs.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta charset="utf-8"/>
<title>Parallel Coordinates</title>
<style type="text/css">
/*
@ -45,7 +45,8 @@ svg {
<script type="text/javascript" src="../../deps/raphael.min.js"></script>
<script type="text/javascript" src="../../deps/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../../lib/datav.js"></script>
<script type="text/javascript" src="../../lib/charts/axis.js"></script>
<script type="text/javascript" src="../../lib/charts/brush.js"></script>
<script type="text/javascript" src="../../lib/charts/parallel.js"></script>
<div id="chart"></div>
@ -56,32 +57,35 @@ svg {
<p>brushend</p>
<div id="info_brushend"></div>
<script type="text/javascript">
var parallel = new Parallel("chart", {"width": 950, "height": 500});
DataV.csv("cars.csv", function(dataSource) {
var domains;
parallel.setSource(dataSource);
//parallel.chooseDimensions(["name", "name", "economy (mpg)"]);
parallel.chooseDimensions(["economy (mpg)", "cylinders", "displacement (cc)", "power (hp)", "weight (lb)", "0-60 mph (s)", "year"]);
parallel.setDimensionType({"cylinders": "ordinal"});
domains = parallel.getDimensionDomains();
parallel.setDimensionDomain({"cylinders": domains["cylinders"].sort(d3.ascending),
"economy (mpg)": domains["economy (mpg)"].reverse()});
parallel.setDimensionExtent({"cylinders": ["6", "3"], "economy (mpg)": [35, 20] });
DataV.csv("cars.csv", function (dataSource) {
parallel.setSource(dataSource);
//parallel.chooseDimensions(["name", "name", "economy (mpg)"]);
parallel.chooseDimensions([
"economy (mpg)", "cylinders", "displacement (cc)",
"power (hp)", "weight (lb)", "0-60 mph (s)", "year"
]);
parallel.setDimensionType({"cylinders": "ordinal"});
var domains = parallel.getDimensionDomains();
parallel.setDimensionDomain({
"cylinders": domains["cylinders"].sort(d3.ascending),
"economy (mpg)": domains["economy (mpg)"].reverse()
});
parallel.setDimensionExtent({
"cylinders": ["6", "3"],
"economy (mpg)": [35, 20]
});
parallel.on("brushstart", function() {
$("#info_brushstart").html(JSON.stringify(this.statistic));
});
parallel.on("brush", function() {
$("#info_brush").html(JSON.stringify(this.statistic));
});
parallel.on("brushend", function() {
$("#info_brushend").html(JSON.stringify(this.statistic));
});
parallel.render();
//parallel.setDimensionExtent({"economy (mpg)": [29, 20], "cylinders": ["6", "4"]});//??
parallel.on("brushstart", function() {
$("#info_brushstart").html(JSON.stringify(this.statistic));
});
parallel.on("brush", function() {
$("#info_brush").html(JSON.stringify(this.statistic));
});
parallel.on("brushend", function() {
$("#info_brushend").html(JSON.stringify(this.statistic));
});
parallel.render();
});
</script>