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

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

View File

@ -22,7 +22,7 @@ ScatterplotDialog.prototype._createDialog = function() {
).appendTo(frame);
var html = $(
'<div class="grid-layout layout-normal layout-full"><table>' +
'<div class="grid-layout layout-normal"><table width="100%">' +
'<tr>' +
'<td>' +
'<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++) {
var tr = table.insertRow(table.rows.length);
for (var j = 0; j < i; j++) {
$(tr.insertCell(j)).append(createScatterplot(i,j));
}
var tdColumnName = $(tr.insertCell(tr.cells.length));
var counter = 0;
var tdColumnName = $(tr.insertCell(counter++));
tdColumnName
.text(columns[i].name)
.css("text-align", "left")
.attr("colspan", columns.length - i);
.css("text-align", "right")
.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();

View File

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