Visualisierungsmodul für SuperX
http://www.superx-projekt.de/doku/viz_modul/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
484 lines
32 KiB
484 lines
32 KiB
<!DOCTYPE html |
|
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> |
|
<html xmlns:HtmlUtils="de.superx.util.HtmlUtils"> |
|
<head> |
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
|
<link rel="stylesheet" type="text/css" href="../style/superx.css"> |
|
<link rel="stylesheet" type="text/css" href="../xml/menue_html.css"> |
|
<link rel="stylesheet" type="text/css" href="../xml/superxml_html.css"> |
|
<link rel="stylesheet" type="text/css" href="../xml/maske_html.css"> |
|
<link rel="stylesheet" type="text/css" href="../xml/tabelle_html.css"> |
|
<link rel="stylesheet" type="text/css" href="../xml/css/fontello-codes.css"> |
|
<link rel="stylesheet" type="text/css" href="../xml/css/start_portlet.css"> |
|
<link rel="stylesheet" type="text/css" href="../style/bulma.css"> |
|
<link rel="stylesheet" type="text/css" href="../style/bulma-tooltip.min.css"> |
|
<link rel="stylesheet" type="text/css" href="../style/sx_viz_muster.css"> |
|
</head><script language="Javascript" type="text/javascript" src="../xml/js/jquery-2.1.1.min.js"></script> |
|
<script language="JavaScript" type="text/javascript" src="../xml/js/memtext/sx_functions.js"> |
|
</script> |
|
<script language="Javascript" type="text/javascript" src="../xml/js/viz/d3.min.js"></script> |
|
<script language="Javascript" type="text/javascript" src="../xml/js/viz/plot.js"></script> |
|
<script language="Javascript" type="module" src="../xml/js/viz/d3-sankey.js"></script> |
|
|
|
<script language="Javascript" type="text/javascript" src="../xml/js/viz/viz_functions.js"></script> |
|
<style type="text/css"> |
|
|
|
.node rect { |
|
cursor: move; |
|
fill-opacity: .9; |
|
shape-rendering: crispEdges; |
|
} |
|
|
|
.node text { |
|
pointer-events: none; |
|
text-shadow: 0 1px 0 #fff; |
|
} |
|
|
|
.link { |
|
fill: none; |
|
stroke: #000; |
|
stroke-opacity: .2; |
|
} |
|
|
|
.link:hover { |
|
stroke-opacity: .5; |
|
} |
|
</style> |
|
<body> |
|
<script language="Javascript"> |
|
|
|
function renderPlot() |
|
{ |
|
var sampleDataStr='[{"rownr":1,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2015/2016","sos_stg_aggr_sem_rueck_beur_ein":20152,"sos_stg_aggr_summe":18},{"rownr":2,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2015/2016","sos_stg_aggr_sem_rueck_beur_ein":20152,"sos_stg_aggr_summe":7},{"rownr":3,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2016","sos_stg_aggr_sem_rueck_beur_ein":20161,"sos_stg_aggr_summe":16},{"rownr":4,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2016","sos_stg_aggr_sem_rueck_beur_ein":20161,"sos_stg_aggr_summe":7},{"rownr":5,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2016/2017","sos_stg_aggr_sem_rueck_beur_ein":20162,"sos_stg_aggr_summe":22},{"rownr":6,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2016/2017","sos_stg_aggr_sem_rueck_beur_ein":20162,"sos_stg_aggr_summe":7},{"rownr":7,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2016/2017","sos_stg_aggr_sem_rueck_beur_ein":20162,"sos_stg_aggr_summe":1},{"rownr":8,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2017","sos_stg_aggr_sem_rueck_beur_ein":20171,"sos_stg_aggr_summe":22},{"rownr":9,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2017","sos_stg_aggr_sem_rueck_beur_ein":20171,"sos_stg_aggr_summe":7},{"rownr":10,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2017","sos_stg_aggr_sem_rueck_beur_ein":20171,"sos_stg_aggr_summe":1},{"rownr":11,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2017/2018","sos_stg_aggr_sem_rueck_beur_ein":20172,"sos_stg_aggr_summe":31},{"rownr":12,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2017/2018","sos_stg_aggr_sem_rueck_beur_ein":20172,"sos_stg_aggr_summe":9},{"rownr":13,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2017/2018","sos_stg_aggr_sem_rueck_beur_ein":20172,"sos_stg_aggr_summe":2},{"rownr":14,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2018","sos_stg_aggr_sem_rueck_beur_ein":20181,"sos_stg_aggr_summe":32},{"rownr":15,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2018","sos_stg_aggr_sem_rueck_beur_ein":20181,"sos_stg_aggr_summe":9},{"rownr":16,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2018","sos_stg_aggr_sem_rueck_beur_ein":20181,"sos_stg_aggr_summe":2},{"rownr":17,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2018/2019","sos_stg_aggr_sem_rueck_beur_ein":20182,"sos_stg_aggr_summe":35},{"rownr":18,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2018/2019","sos_stg_aggr_sem_rueck_beur_ein":20182,"sos_stg_aggr_summe":18},{"rownr":19,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2018/2019","sos_stg_aggr_sem_rueck_beur_ein":20182,"sos_stg_aggr_summe":2},{"rownr":20,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2019","sos_stg_aggr_sem_rueck_beur_ein":20191,"sos_stg_aggr_summe":33},{"rownr":21,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2019","sos_stg_aggr_sem_rueck_beur_ein":20191,"sos_stg_aggr_summe":19},{"rownr":22,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2019","sos_stg_aggr_sem_rueck_beur_ein":20191,"sos_stg_aggr_summe":2},{"rownr":23,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2019/2020","sos_stg_aggr_sem_rueck_beur_ein":20192,"sos_stg_aggr_summe":38},{"rownr":24,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2019/2020","sos_stg_aggr_sem_rueck_beur_ein":20192,"sos_stg_aggr_summe":36},{"rownr":25,"sos_stg_aggr_geschlecht_str":"divers","sos_stg_aggr_geschlecht":3,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2019/2020","sos_stg_aggr_sem_rueck_beur_ein":20192,"sos_stg_aggr_summe":3},{"rownr":26,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2019/2020","sos_stg_aggr_sem_rueck_beur_ein":20192,"sos_stg_aggr_summe":2},{"rownr":27,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2020","sos_stg_aggr_sem_rueck_beur_ein":20201,"sos_stg_aggr_summe":46},{"rownr":28,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2020","sos_stg_aggr_sem_rueck_beur_ein":20201,"sos_stg_aggr_summe":47},{"rownr":29,"sos_stg_aggr_geschlecht_str":"divers","sos_stg_aggr_geschlecht":3,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2020","sos_stg_aggr_sem_rueck_beur_ein":20201,"sos_stg_aggr_summe":4},{"rownr":30,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2020","sos_stg_aggr_sem_rueck_beur_ein":20201,"sos_stg_aggr_summe":2},{"rownr":31,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2020/2021","sos_stg_aggr_sem_rueck_beur_ein":20202,"sos_stg_aggr_summe":69},{"rownr":32,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2020/2021","sos_stg_aggr_sem_rueck_beur_ein":20202,"sos_stg_aggr_summe":90},{"rownr":33,"sos_stg_aggr_geschlecht_str":"divers","sos_stg_aggr_geschlecht":3,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2020/2021","sos_stg_aggr_sem_rueck_beur_ein":20202,"sos_stg_aggr_summe":4},{"rownr":34,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2020/2021","sos_stg_aggr_sem_rueck_beur_ein":20202,"sos_stg_aggr_summe":2},{"rownr":35,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2021","sos_stg_aggr_sem_rueck_beur_ein":20211,"sos_stg_aggr_summe":109},{"rownr":36,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2021","sos_stg_aggr_sem_rueck_beur_ein":20211,"sos_stg_aggr_summe":113},{"rownr":37,"sos_stg_aggr_geschlecht_str":"divers","sos_stg_aggr_geschlecht":3,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2021","sos_stg_aggr_sem_rueck_beur_ein":20211,"sos_stg_aggr_summe":5},{"rownr":38,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2021","sos_stg_aggr_sem_rueck_beur_ein":20211,"sos_stg_aggr_summe":2},{"rownr":39,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2021/2022","sos_stg_aggr_sem_rueck_beur_ein":20212,"sos_stg_aggr_summe":211},{"rownr":40,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2021/2022","sos_stg_aggr_sem_rueck_beur_ein":20212,"sos_stg_aggr_summe":217},{"rownr":41,"sos_stg_aggr_geschlecht_str":"divers","sos_stg_aggr_geschlecht":3,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2021/2022","sos_stg_aggr_sem_rueck_beur_ein":20212,"sos_stg_aggr_summe":6},{"rownr":42,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2021/2022","sos_stg_aggr_sem_rueck_beur_ein":20212,"sos_stg_aggr_summe":2},{"rownr":43,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2022","sos_stg_aggr_sem_rueck_beur_ein":20221,"sos_stg_aggr_summe":344},{"rownr":44,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2022","sos_stg_aggr_sem_rueck_beur_ein":20221,"sos_stg_aggr_summe":371},{"rownr":45,"sos_stg_aggr_geschlecht_str":"divers","sos_stg_aggr_geschlecht":3,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2022","sos_stg_aggr_sem_rueck_beur_ein":20221,"sos_stg_aggr_summe":8},{"rownr":46,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2022","sos_stg_aggr_sem_rueck_beur_ein":20221,"sos_stg_aggr_summe":2},{"rownr":47,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2022/2023","sos_stg_aggr_sem_rueck_beur_ein":20222,"sos_stg_aggr_summe":570},{"rownr":48,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2022/2023","sos_stg_aggr_sem_rueck_beur_ein":20222,"sos_stg_aggr_summe":544},{"rownr":49,"sos_stg_aggr_geschlecht_str":"divers","sos_stg_aggr_geschlecht":3,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2022/2023","sos_stg_aggr_sem_rueck_beur_ein":20222,"sos_stg_aggr_summe":8},{"rownr":50,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2022/2023","sos_stg_aggr_sem_rueck_beur_ein":20222,"sos_stg_aggr_summe":1},{"rownr":51,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2023","sos_stg_aggr_sem_rueck_beur_ein":20231,"sos_stg_aggr_summe":481},{"rownr":52,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2023","sos_stg_aggr_sem_rueck_beur_ein":20231,"sos_stg_aggr_summe":408},{"rownr":53,"sos_stg_aggr_geschlecht_str":"divers","sos_stg_aggr_geschlecht":3,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2023","sos_stg_aggr_sem_rueck_beur_ein":20231,"sos_stg_aggr_summe":11},{"rownr":54,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2023","sos_stg_aggr_sem_rueck_beur_ein":20231,"sos_stg_aggr_summe":3},{"rownr":55,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2023/2024","sos_stg_aggr_sem_rueck_beur_ein":20232,"sos_stg_aggr_summe":7}]'; |
|
//var plotCode=searchReplace(document.getElementById('plotSrcCode').value,"rs0",sampleDataStr); |
|
//alert(plotCode); |
|
//var plotCode="{marks:[Plot.line(rs0,{x:"sos_stg_aggr_sem_rueck_beur_ein_str",y:"sos_stg_aggr_summe",stroke:"sos_stg_aggr_geschlecht_str"}) |
|
//]} |
|
var targetDiv="chartDiv"; |
|
//var myOptions=JSON.parse(plotCode); |
|
/* klappt nicht: |
|
var plotCode="{marks:[Plot.line(rs0,{x:\"sos_stg_aggr_sem_rueck_beur_ein_str\", y:\"sos_stg_aggr_summe\", stroke:\"sos_stg_aggr_geschlecht_str\"}"; |
|
var plotCodeWithData=searchReplace(plotCode,"rs0",sampleDataStr); |
|
var myOptions=JSON.parse(plotCodeWithData); |
|
var svgPlot=Plot.plot(myOptions); |
|
*/ |
|
|
|
var svgPlot=Plot.plot({ |
|
y: { |
|
domain: [0, 100], |
|
grid: true |
|
}, |
|
marks:[Plot.line(rs[0], |
|
{x:"sos_stg_aggr_sem_rueck_beur_ein_str", |
|
y:"sos_stg_aggr_summe", |
|
stroke:"sos_stg_aggr_geschlecht_str"}) |
|
]}); |
|
|
|
|
|
document.getElementById(targetDiv).innerHTML=""; |
|
document.getElementById(targetDiv).appendChild(svgPlot); |
|
} |
|
|
|
/* generic function that searches/replaces a string. |
|
Regular expressions may be used. |
|
*/ |
|
|
|
function searchReplace(instr,remove, replace) |
|
{ |
|
var ret=""; |
|
ret=replaceRegexp(instr,remove,replace,false); |
|
return ret; |
|
} |
|
|
|
/* generic function that searches/replaces a string optionally using Regular expressions |
|
*/ |
|
|
|
function replaceRegexp(instr,remove, outstr,isRegExp) { |
|
var returnString=""; |
|
if (instr==null || remove==null || !(typeof instr == 'string') || remove.length==0) return instr; |
|
if(isRegExp) |
|
{ |
|
returnString=instr.replace(remove,outstr); |
|
} |
|
else |
|
{ |
|
var sb = ""; |
|
var oldIndex = 0; |
|
var newIndex = 0; |
|
var remLength = remove.length; |
|
while ( (newIndex = instr.indexOf(remove,oldIndex)) > -1) { |
|
//copy from last to new appearance |
|
sb+=(instr.substring(oldIndex,newIndex)); |
|
sb+=outstr; |
|
//set old index to end of last apperance. |
|
oldIndex = newIndex + remLength; |
|
} |
|
var inLength = instr.length; |
|
//add part after last appearance of string to remove |
|
if(oldIndex<inLength) sb+=(instr.substring(oldIndex,inLength)); |
|
returnString= sb; |
|
} |
|
return returnString; |
|
} |
|
var vizInitialName='Studierend_e Datenblatt'; |
|
|
|
|
|
function dataRowMetaData(tableId,nr,colname,colcaption,coltype,colfunction) |
|
{ |
|
this.tableId=tableId; |
|
this.nr=nr; |
|
this.colname=colname; |
|
this.colcaption=colcaption; |
|
this.coltype=coltype; |
|
this.colfunction=colfunction; |
|
} |
|
|
|
|
|
function tableMetaData(nr,value,name,isDefault) |
|
{ |
|
this.value=value; |
|
this.nr=nr; |
|
this.name=name |
|
this.isDefault=isDefault; |
|
|
|
} |
|
|
|
var rsTableMetaData=new Array(); |
|
var rsColumnMetaData=new Array(); |
|
var rs=new Array(); |
|
|
|
</script><script language="Javascript"> |
|
|
|
rsTableMetaData.push(new tableMetaData( |
|
1,'0','Tab. 1', |
|
true |
|
)); |
|
rs[0]=new Array(); |
|
|
|
var myChartModel=new chartModel(1,"","",rsTableMetaData); |
|
|
|
function dataRow_0(rownr,sos_stg_aggr_geschlecht_str,sos_stg_aggr_geschlecht,sos_stg_aggr_sem_rueck_beur_ein_str,sos_stg_aggr_sem_rueck_beur_ein,sos_stg_aggr_summe |
|
) |
|
{ |
|
this.rownr=rownr; |
|
this.sos_stg_aggr_geschlecht_str=sos_stg_aggr_geschlecht_str; |
|
this.sos_stg_aggr_geschlecht=sos_stg_aggr_geschlecht; |
|
this.sos_stg_aggr_sem_rueck_beur_ein_str=sos_stg_aggr_sem_rueck_beur_ein_str; |
|
this.sos_stg_aggr_sem_rueck_beur_ein=sos_stg_aggr_sem_rueck_beur_ein; |
|
this.sos_stg_aggr_summe=sos_stg_aggr_summe; |
|
|
|
} |
|
|
|
rsColumnMetaData[0]=new Array(); |
|
|
|
rsColumnMetaData[0].push(new dataRowMetaData('0',0,'rownr','Zeilennr.',0,4)); |
|
|
|
rsColumnMetaData[0].push(new dataRowMetaData('0',1,'sos_stg_aggr_geschlecht_str','Geschlecht',0,null)); |
|
rsColumnMetaData[0].push(new dataRowMetaData('0',2,'sos_stg_aggr_geschlecht','Geschlecht\n(Schlüssel)',0,null)); |
|
rsColumnMetaData[0].push(new dataRowMetaData('0',3,'sos_stg_aggr_sem_rueck_beur_ein_str','Semester der Belegung',0,null)); |
|
rsColumnMetaData[0].push(new dataRowMetaData('0',4,'sos_stg_aggr_sem_rueck_beur_ein','Semester der Belegung\n(Schlüssel)',0,null)); |
|
rsColumnMetaData[0].push(new dataRowMetaData('0',5,'sos_stg_aggr_summe','Summe',0,null)); |
|
rsColumnMetaData[0][1].coltype=1; |
|
|
|
rsColumnMetaData[0][2].coltype=4; |
|
|
|
rsColumnMetaData[0][3].coltype=1; |
|
|
|
rsColumnMetaData[0][4].coltype=4; |
|
|
|
rsColumnMetaData[0][5].coltype=3; |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(1,'männlich',1,'WiSe 2015/2016',20152,18.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(2,'weiblich',2,'WiSe 2015/2016',20152,7.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(3,'männlich',1,'SoSe 2016',20161,16.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(4,'weiblich',2,'SoSe 2016',20161,7.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(5,'männlich',1,'WiSe 2016/2017',20162,22.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(6,'weiblich',2,'WiSe 2016/2017',20162,7.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(7,'undefiniert / k.A.',4,'WiSe 2016/2017',20162,1.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(8,'männlich',1,'SoSe 2017',20171,22.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(9,'weiblich',2,'SoSe 2017',20171,7.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(10,'undefiniert / k.A.',4,'SoSe 2017',20171,1.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(11,'männlich',1,'WiSe 2017/2018',20172,31.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(12,'weiblich',2,'WiSe 2017/2018',20172,9.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(13,'undefiniert / k.A.',4,'WiSe 2017/2018',20172,2.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(14,'männlich',1,'SoSe 2018',20181,32.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(15,'weiblich',2,'SoSe 2018',20181,9.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(16,'undefiniert / k.A.',4,'SoSe 2018',20181,2.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(17,'männlich',1,'WiSe 2018/2019',20182,35.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(18,'weiblich',2,'WiSe 2018/2019',20182,18.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(19,'undefiniert / k.A.',4,'WiSe 2018/2019',20182,2.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(20,'männlich',1,'SoSe 2019',20191,33.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(21,'weiblich',2,'SoSe 2019',20191,19.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(22,'undefiniert / k.A.',4,'SoSe 2019',20191,2.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(23,'männlich',1,'WiSe 2019/2020',20192,38.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(24,'weiblich',2,'WiSe 2019/2020',20192,36.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(25,'divers',3,'WiSe 2019/2020',20192,3.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(26,'undefiniert / k.A.',4,'WiSe 2019/2020',20192,2.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(27,'männlich',1,'SoSe 2020',20201,46.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(28,'weiblich',2,'SoSe 2020',20201,47.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(29,'divers',3,'SoSe 2020',20201,4.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(30,'undefiniert / k.A.',4,'SoSe 2020',20201,2.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(31,'männlich',1,'WiSe 2020/2021',20202,69.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(32,'weiblich',2,'WiSe 2020/2021',20202,90.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(33,'divers',3,'WiSe 2020/2021',20202,4.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(34,'undefiniert / k.A.',4,'WiSe 2020/2021',20202,2.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(35,'männlich',1,'SoSe 2021',20211,109.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(36,'weiblich',2,'SoSe 2021',20211,113.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(37,'divers',3,'SoSe 2021',20211,5.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(38,'undefiniert / k.A.',4,'SoSe 2021',20211,2.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(39,'männlich',1,'WiSe 2021/2022',20212,211.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(40,'weiblich',2,'WiSe 2021/2022',20212,217.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(41,'divers',3,'WiSe 2021/2022',20212,6.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(42,'undefiniert / k.A.',4,'WiSe 2021/2022',20212,2.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(43,'männlich',1,'SoSe 2022',20221,344.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(44,'weiblich',2,'SoSe 2022',20221,371.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(45,'divers',3,'SoSe 2022',20221,8.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(46,'undefiniert / k.A.',4,'SoSe 2022',20221,2.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(47,'männlich',1,'WiSe 2022/2023',20222,570.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(48,'weiblich',2,'WiSe 2022/2023',20222,544.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(49,'divers',3,'WiSe 2022/2023',20222,8.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(50,'undefiniert / k.A.',4,'WiSe 2022/2023',20222,1.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(51,'männlich',1,'SoSe 2023',20231,481.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(52,'weiblich',2,'SoSe 2023',20231,408.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(53,'divers',3,'SoSe 2023',20231,11.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(54,'undefiniert / k.A.',4,'SoSe 2023',20231,3.000000)); |
|
|
|
//rs[0]= new Array(); |
|
rs[0].push(new dataRow_0(55,'weiblich',2,'WiSe 2023/2024',20232,7.000000)); |
|
</script> |
|
<section class="hero-body has-background-light"> |
|
<div class="columns is-mobile is-left"> |
|
<div class="card has-background-light"> |
|
<div class="card-content"> |
|
<p class="title is-4">Plot Demo Datenvisualisierung</p> |
|
<div class="tabs is-left is-small" id="viznav"> |
|
<ul> |
|
<li data-target="viznav-tab1" id="1"><a onclick="showVizNavTab(1);"><span>Grafikdaten</span></a></li> |
|
<li data-target="viznav-tab2" id="2"><a onclick="showVizNavTab(2);"><span>Grafiklayout</span></a></li> |
|
</ul> |
|
</div> |
|
<div class="tab-content"> |
|
<div class="viznav-tab1" id="tab-1" style="display:block"> |
|
<p class="title is-5">Studierend_e Datenblatt</p> |
|
<!--Template legende in file resultset_html.xsl--> |
|
<p class="legende"><span class="feldname">Köpfe oder Fälle ?</span>: |
|
<span class="feldwert">Fälle</span> |
|
; |
|
<span class="feldname">Stichtag</span>: |
|
<span class="feldwert">Aktuelle Zahlen</span> |
|
; |
|
<span class="feldname">Seit Semester</span>: |
|
<span class="feldwert">WiSe 2015/2016</span> |
|
; |
|
<span class="feldname">Bis Semester</span>: |
|
<span class="feldwert">WiSe 2023/2024</span> |
|
; |
|
<span class="feldname">Status</span>: |
|
<span class="feldwert">Alle ohne Beurl., ohne Exmatr.</span> |
|
; |
|
<span class="feldname">Name der Hochschule</span>: |
|
<span class="feldwert">Muster-Hochschule</span> |
|
; |
|
<span class="feldname">Hörerstatus</span>: |
|
<span class="feldwert">alle</span> |
|
; |
|
<span class="feldname">Bericht</span>: |
|
<span class="feldwert">Generisches Standardlayout Datenblätter</span> |
|
; |
|
<span class="feldname">Felder</span>: |
|
<span class="feldwert">Studierendenstatistik:Geschlecht - geschlecht, St...</span> |
|
; |
|
<span class="feldname">Schlüssel anzeigen</span>: |
|
<span class="feldwert">Ja</span> |
|
; |
|
<span class="feldname">Ausgabeformat</span>: |
|
<span class="feldwert">HTML</span> |
|
; |
|
|
|
User: superx |
|
Stand: |
|
29.05.2023 </p><span class="separator"> </span><div class="field is-grouped"> |
|
<div class="label-container"><label class="label is-required is-small"><strong>Datentabelle</strong></label></div><span class="separator"> </span><span class="separator"> </span><a onClick="showDataTable('dataDivTable0',0,rs[0],rsColumnMetaData[0],10);"><span class="icon"><img src="../images/icons/more.svg" title="Laden"></span></a></div> |
|
<div id="dataDiv"> |
|
<div id="dataDivTable0"></div> |
|
</div><span class="separator"> </span><span class="separator"> </span><span class="separator"> </span><footer class="card-footer"> |
|
<p class="card-footer-item"><button class="button is-link is-outlined is-small" type="submit">Speichern</button></p> |
|
<p class="card-footer-item"><button class="button is-link is-outlined is-small" type="reset">Zurücksetzen</button></p> |
|
</footer> |
|
</div> |
|
<div class="viznav-tab2" id="tab-2" style="display:none"> |
|
<div id="chartProperties"> |
|
<form name="chartPropertiesForm"> |
|
<div class="columns"> |
|
<div class="column is-four-fifth"> |
|
<div class="field is-grouped"> |
|
<div class="label-container"><label class="label is-required is-small"><strong>Grafiktitel</strong></label></div> |
|
<div class="field is-active"> |
|
<p class="control-new"> |
|
<div class="chartName"><textarea class="textarea is-small" id="chartName" name="chartName" rows="2" cols="20" onChange="renderPlot();"></textarea></div> |
|
</p> |
|
</div> |
|
<span class="separator"> </span><span class="separator"> </span><span class="info" onclick="window.open('https://super-ics.de/superx/doku/kern_modul/admin/f_Patcheinspielen.htm','_blank','directories=no,location=no,menubar=no,scrollbars=yes,resizable=yes,toolbar=no,width=800,height=660');"> |
|
<figure class="image is-24x24"><img src="../images/information_grey_liberation.svg"></figure></span></div> |
|
</div><span class="separator"> </span><span class="separator"> </span><div class="column"> |
|
<div class="field is-grouped"> |
|
<div class="label-container"><label class="label is-required is-small"><strong>Grafiktool</strong></label></div> |
|
<div class="field is-active"> |
|
<p class="control-new"> |
|
<div class="select is-small is-fullwidth"><select class="maskinputPflicht" id="fldVizRenderer" NAME="fldVizRenderer" tabindex="1" onChange="resetChartPropertiesForm(this.value);"> |
|
<option class="maskinput" value="plot">Observable Plot</option> |
|
<option class="maskinput" value="d3js">D3JS (V7)</option></select></div> |
|
</p> |
|
</div><span class="separator"> </span><span class="separator"> </span><span class="info" onclick="window.open('https://super-ics.de/superx/doku/kern_modul/admin/f_Patcheinspielen.htm','_blank','directories=no,location=no,menubar=no,scrollbars=yes,resizable=yes,toolbar=no,width=800,height=660');"> |
|
<figure class="image is-24x24"><img src="../images/information_grey_liberation.svg"></figure></span></div> |
|
</div> |
|
</div> |
|
<div class="columns"> |
|
<div class="column is-four-fifth"> |
|
<div id="chartModelsrcDiv"> |
|
<div id="plotSrc"><textarea id="plotSrcCode" name="plotSrcCode" class="textarea" placeholder="Quellcode klappt nocxh nicht, bitte HTML-Quelle bearbeiten..."> |
|
</textarea><a class="button" onClick="renderPlot();">Vorschau</a> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="column"> |
|
<div class="label-container"><label class="label is-required is-small"><strong>Grafikvorschau</strong></label></div><span class="separator"> </span><span class="separator"> </span><div id="chartCanvas"> |
|
<div id="chartDiv"><svg> |
|
<rect x="0" y="0" width="650" height="450" fill="#cccccc"></rect></svg></div> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
</form> |
|
</div> |
|
|
|
</div><!--Ende tab 2--> |
|
<div class="viznav-tab3" id="tab-3" style="display:none"> |
|
|
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
<div id="fuss"> |
|
<hr><a href="http://www.superx-projekt.de" target="_top">Superx-Projekt</a> <a href="http://www.superx-projekt.de" target="_parent">http://www.superx-projekt.de</a> |
|
29.10.2023</div> |
|
<!--customfooter--></div> |
|
</div> |
|
<div id="footer_sx" style="background-color: #f4f4ef;z-index: 1000;left: 0px;height: 30px;width: 100%;position: fixed;border-top: 1px solid #cccccc;bottom: 0px;"> |
|
<div style="text-align: center;left:1em;"> |
|
<ul id="top-navi"> |
|
<li><a target="_blank" href="/superx/edit/kern/show_html_content.jsp?output=IMPRINT">Impressum</a></li> |
|
<li><a target="_blank" href="/superx/edit/kern/show_html_content.jsp?output=PRIVACY">Datenschutz</a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
</body> |
|
</html> |