s434730/RandomSec
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

transpose the scatterplot matrix (makes better use of space above the fold)

Browse Source 
git-svn-id: http://google-refine.googlecode.com/svn/trunk@462 7d457c2a-affb-35e4-300a-418c747d4874
This commit is contained in:
Stefano Mazzocchi 2010-04-13 06:40:33 +00:00
parent a2db5590ac
commit ea2eff6117
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/main/webapp/scripts/dialogs/scatterplot-dialog.js
View File

@ -22,7 +22,7 @@ ScatterplotDialog.prototype._createDialog = function() {
).appendTo(frame); ).appendTo(frame);
var html = $( var html = $(
'<div class="grid-layout layout-normal layout-full"><table>' + '<div class="grid-layout layout-normal"><table width="100%">' +
'<tr>' + '<tr>' +
'<td>' + '<td>' +
'<span class="clustering-dialog-controls">Plot type: <select bind="plotSelector">' + '<span class="clustering-dialog-controls">Plot type: <select bind="plotSelector">' +
@ -136,15 +136,17 @@ ScatterplotDialog.prototype._renderMatrix = function() {
for (var i = 0; i < columns.length; i++) { for (var i = 0; i < columns.length; i++) {
var tr = table.insertRow(table.rows.length); var tr = table.insertRow(table.rows.length);
for (var j = 0; j < i; j++) { var counter = 0;
$(tr.insertCell(j)).append(createScatterplot(i,j)); var tdColumnName = $(tr.insertCell(counter++));
}
var tdColumnName = $(tr.insertCell(tr.cells.length));
tdColumnName tdColumnName
.text(columns[i].name) .text(columns[i].name)
.css("text-align", "left") .css("text-align", "right")
.attr("colspan", columns.length - i); .css("padding", "0em 0.5em")
.attr("colspan", i + 1);
for (var j = i + 1; j < columns.length; j++) {
$(tr.insertCell(counter++)).append(createScatterplot(i,j));
}
} }
var width = container.width(); var width = container.width();

2
src/main/webapp/styles/dialogs/scatterplot-dialog.css
View File

@ -1,6 +1,6 @@
.scatterplot-dialog-table-container { .scatterplot-dialog-table-container {
height: 500px; height: 500px;
overflow: scroll; overflow: auto;
border: 1px solid #aaa; border: 1px solid #aaa;
} }