litvinovg/vivo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Committing the following changes in Temporal Vis

Browse source 
1)level that indicates the status of the page needs to be made "Level"
2)Make the range on both the axes - 5 years.
3)By default, sort by publication count and select the top 5.
4)Only two levels – Institution level and Person level.
5)Change the name of clear to "Remove All"
6)put a star next to entity type column to indicate that some types have been leftout.
This commit is contained in:
bkoniden 2010-11-23 18:09:19 +00:00
parent b9b433fd18
commit a06d2e03ba
2 changed files with 16 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

21
productMods/js/visualization/entityComparison/util.js
View file

@ -301,7 +301,7 @@ function setLineWidthAndTickSize(yearRange, flotOptions) {
flotOptions.xaxis.tickSize = 1; flotOptions.xaxis.tickSize = 1;
} else if (yearRange > 15 && yearRange < 70) { } else if (yearRange > 15 && yearRange < 70) {
flotOptions.series.lines.lineWidth = 2; flotOptions.series.lines.lineWidth = 2;
flotOptions.xaxis.tickSize = 4; flotOptions.xaxis.tickSize = 5;
} else { } else {
flotOptions.series.lines.lineWidth = 1; flotOptions.series.lines.lineWidth = 1;
flotOptions.xaxis.tickSize = 10; flotOptions.xaxis.tickSize = 10;
@ -314,16 +314,18 @@ function setLineWidthAndTickSize(yearRange, flotOptions) {
*/ */
function setTickSizeOfYAxis(maxValue, flotOptions){ function setTickSizeOfYAxis(maxValue, flotOptions){
var tickSize = 0;
if (maxValue > 0 && maxValue <= 5) { if (maxValue > 0 && maxValue <= 5) {
flotOptions.yaxis.tickSize = 1; flotOptions.yaxis.tickSize = 1;
} else if (maxValue > 5 && maxValue <= 10) { } else if (maxValue > 5 && maxValue <= 10) {
flotOptions.yaxis.tickSize = 2; flotOptions.yaxis.tickSize = 2;
} else if (maxValue > 10 && maxValue <= 15) { } else if (maxValue > 10 && maxValue <= 15) {
flotOptions.yaxis.tickSize = 3; flotOptions.yaxis.tickSize = 5;
} else if (maxValue > 15 && maxValue <= 70) { } else if (maxValue > 15 && maxValue <= 70) {
flotOptions.yaxis.tickSize = maxValue/5; flotOptions.yaxis.tickSize = 5;
} else { } else {
flotOptions.yaxis.tickSize = maxValue/7; flotOptions.yaxis.tickSize = 10;
} }
} }
/** /**
@ -706,7 +708,7 @@ function prepareTableForDataTablePagination(jsonData){
publicationCountTH.html('Publication Count'); publicationCountTH.html('Publication Count');
var entityTypeTH = $('<th>'); var entityTypeTH = $('<th>');
entityTypeTH.html('Entity Type'); entityTypeTH.html('* Entity Type');
tr.append(checkboxTH); tr.append(checkboxTH);
tr.append(entityLabelTH); tr.append(entityLabelTH);
@ -752,6 +754,7 @@ function prepareTableForDataTablePagination(jsonData){
$('#datatable').dataTable({ $('#datatable').dataTable({
"sDom": '<"searchbar"f><"paginatedtabs"p><"datatablewrapper"t><"showentries"l>', "sDom": '<"searchbar"f><"paginatedtabs"p><"datatablewrapper"t><"showentries"l>',
"aaSorting" : [[2, "desc"]],
"iDisplayLength": 10, "iDisplayLength": 10,
"sPaginationType": "full_numbers", "sPaginationType": "full_numbers",
"aLengthMenu" : [5,10,15], "aLengthMenu" : [5,10,15],
@ -814,13 +817,17 @@ function removeStopWords(val){
} }
function setEntityLevel(){ function setEntityLevel(){
$('#entitylevelheading').text(' - ' + toCamelCase(entityLevel) + ' level').css('font-style', 'italic'); $('#entitylevelheading').text(' - ' + toCamelCase(entityLevel) + ' Level').css('font-style', 'italic');
$('#entityleveltext').text(' ' + entityLevel.toLowerCase() + 's ').css('font-style', 'italic'); $('#entityleveltext').text(' ' + entityLevel.toLowerCase() + 's ').css('font-style', 'italic');
} }
function getEntityVisMode(jsonData){ function getEntityVisMode(jsonData){
$.each(jsonData, function(index, val){ $.each(jsonData, function(index, val){
entityLevel = val.visMode; if (val.visMode == "SCHOOL" || val.visMode == "UNIVERSITY" || val.visMode == "DEPARTMENT"){
entityLevel = "Institution";
}else {
entityLevel = "Person";
}
return; return;
}); });
} }

4
productMods/templates/visualization/entity_comparison.jsp
View file

@ -17,7 +17,7 @@
<li><a href="#">Networks</a></li> <li><a href="#">Networks</a></li>
</ul> </ul>
</div> </div>
<h1>Temporal Graph Visualization<span id="entitylevelheading"><i> School level</i></span></h1> <h1>Temporal Graph Visualization<span id="entitylevelheading"><i> School Level</i></span></h1>
<div id="leftblock"> <div id="leftblock">
<div id="leftUpper"> <div id="leftUpper">
<h2 style="background-color:#3D454E; color: white; margin-top: 0px; margin-bottom: 20px; padding-bottom:5px;">How do you want to compare?</h2> <h2 style="background-color:#3D454E; color: white; margin-top: 0px; margin-bottom: 20px; padding-bottom:5px;">How do you want to compare?</h2>
@ -51,7 +51,7 @@
</div> </div>
</div> </div>
<div id="bottomButtons"> <div id="bottomButtons">
<button id="clear" class = "metallic" type ="button">Clear</button> <button id="clear" class = "metallic" type ="button">Remove All</button>
<button id="csv" class = "metallic" type ="button">Save as CSV</button> <button id="csv" class = "metallic" type ="button">Save as CSV</button>
<button id="image" class= "metallic" type="button" onClick="window.print()"> Save as Image</button> <button id="image" class= "metallic" type="button" onClick="window.print()"> Save as Image</button>
</div> </div>