| [232] | 1 |
|
|---|
| 2 | var PATHNUM = 0;
|
|---|
| 3 | var MAXDEPTH = 0;
|
|---|
| 4 | var TREESPACE = 0;
|
|---|
| [239] | 5 | var NODEHEIGHT = 50;
|
|---|
| [232] | 6 | var DRAWHEIGHT = 0;
|
|---|
| 7 |
|
|---|
| 8 | var endpoint = "";
|
|---|
| 9 | var startclass= "";
|
|---|
| 10 | var endclass = "";
|
|---|
| 11 |
|
|---|
| [233] | 12 | var defendpoint = "";
|
|---|
| 13 | var defstartclass= "";
|
|---|
| 14 | var defendclass = "";
|
|---|
| 15 |
|
|---|
| [232] | 16 | var jsontext = "";
|
|---|
| 17 | var pathobj = "";
|
|---|
| 18 |
|
|---|
| 19 | var pathlimit = 10;
|
|---|
| 20 |
|
|---|
| 21 |
|
|---|
| 22 | // 繝壹�繧ｸ隱ｭ縺ｿ霎ｼ縺ｿ縺悟ｮ御ｺ�ｬ｡隨ｬ螳溯｡� |
|---|
| 23 | $(function(){
|
|---|
| 24 |
|
|---|
| 25 | // 繝壹�繧ｸ縺ｮ繝代�繝�Κ蛻�ｒ霑ｽ蜉
|
|---|
| 26 | initparts();
|
|---|
| [233] | 27 |
|
|---|
| 28 | getParameter();
|
|---|
| 29 |
|
|---|
| 30 | if(defendpoint != "" && defstartclass != "" && defendclass != ""){
|
|---|
| 31 | openSPARQLBuilder();
|
|---|
| 32 | }
|
|---|
| 33 |
|
|---|
| [232] | 34 | });
|
|---|
| 35 |
|
|---|
| 36 | function initparts(){
|
|---|
| 37 | var sbdiv = $('div#SPARQLBUILDER');
|
|---|
| [234] | 38 | if(sbdiv.find('div').length == 0){
|
|---|
| [240] | 39 | var sbtop = '<div class="SBTopItems"><input type="button" class="SBTopButton" value="Open SPARQLBuilder" onclick="openSPARQLBuilder()"><input type="button" class="SBTopButton" value="Try with Sample" onclick="openSample(\'http://www.ebi.ac.uk/rdf/services/reactome/sparql\', \'http://www.biopax.org/release/biopax-level3.owl#Protein\', \'http://www.biopax.org/release/biopax-level3.owl#Pathway\')"><br><textarea class="SBSparqlArea" rows="10"></textarea><br><input type="button" class="SBTopButton" value="Send SPARQL" onclick="sendSPARQL()"><input type="button" class="SBTopButton" value="Download Result" onclick="downloadResult()"></div><div class="SBTutorialLink">Tutorial for SPARQL Builder GUI is <a href="http://www.sparqlbuilder.org/doc/how-to-use-sparql-builder-gui/" target="_blank">here</a>.</div>';
|
|---|
| [238] | 40 | var sbmodal = '<div class="SBModalView"><div class="SBModalContents"><div class="SBForms"><div class="SBSelects"><select class="SBEndPointSelect"></select><select class="SBStartClassSelect"></select><select class="SBEndClassSelect"></select></div><div class="SBPermaLink"><input type="button" class="SBPermaLinkButton" value="Permalink" onclick="openPermalink()" disabled="disabled"></div></div><div class="SBMessage"><div class="SBResult"><span class="SBPathnum"></span> Path<span class="SBPlural"></span> found.</div><input type="button" class="SBViewAll" value="View All Path" onclick="viewAll()"></div><div class="SBGraph"><div class="SBAjaxLoad" style="display: none;"><div class="SBLoadIcon"><img src="images/ajax-loader.gif"></div></div></div><div class="SBPath"><div class="SBSelectedPath"></div></div><div class="SBModalButtons"><input type="button" class="SBModalButton" value="Close" onclick="closeSPARQLBuilder()"></div></div></div>';
|
|---|
| [232] | 41 |
|
|---|
| [234] | 42 | sbdiv.html(sbtop);
|
|---|
| 43 | $('body').append(sbmodal);
|
|---|
| 44 | }
|
|---|
| [232] | 45 |
|
|---|
| 46 | $('.SBModalView').click(function(){
|
|---|
| 47 | $(this).fadeOut(700);
|
|---|
| 48 | });
|
|---|
| 49 |
|
|---|
| [242] | 50 | $('.SBModalContents').click(function(event){
|
|---|
| [232] | 51 | event.stopPropagation();
|
|---|
| 52 | });
|
|---|
| 53 |
|
|---|
| 54 | loadEndPointList();
|
|---|
| 55 |
|
|---|
| 56 | $(".SBEndPointSelect").change(function() {
|
|---|
| 57 | changeEndPoint();
|
|---|
| 58 | });
|
|---|
| 59 |
|
|---|
| 60 | $(".SBStartClassSelect").change(function() {
|
|---|
| 61 | startClass = $(".SBStartClassSelect").val();
|
|---|
| [245] | 62 | loadEndClassList();
|
|---|
| [232] | 63 | });
|
|---|
| 64 | $(".SBEndClassSelect").change(function() {
|
|---|
| 65 | endClass = $(".SBEndClassSelect").val();
|
|---|
| 66 | loadPathList();
|
|---|
| 67 | });
|
|---|
| 68 |
|
|---|
| 69 | }
|
|---|
| 70 |
|
|---|
| [233] | 71 |
|
|---|
| 72 | function getParameter()
|
|---|
| 73 | {
|
|---|
| 74 | if( 1 < window.location.search.length )
|
|---|
| 75 | {
|
|---|
| 76 | var query = window.location.search.substring( 1 );
|
|---|
| 77 | var parameters = query.split( '&' );
|
|---|
| 78 |
|
|---|
| 79 | for( var i = 0; i < parameters.length; i++ )
|
|---|
| 80 | {
|
|---|
| 81 | var element = parameters[ i ].split( '=' );
|
|---|
| 82 | if(decodeURIComponent( element[ 0 ] ) == "ep"){
|
|---|
| 83 | defendpoint = decodeURIComponent( element[ 1 ] )
|
|---|
| 84 | }else if(decodeURIComponent( element[ 0 ] ) == "st"){
|
|---|
| 85 | defstartclass = decodeURIComponent( element[ 1 ] )
|
|---|
| 86 | }else if(decodeURIComponent( element[ 0 ] ) == "en"){
|
|---|
| 87 | defendclass = decodeURIComponent( element[ 1 ] )
|
|---|
| 88 | }
|
|---|
| 89 | }
|
|---|
| 90 | }
|
|---|
| 91 | }
|
|---|
| 92 |
|
|---|
| 93 |
|
|---|
| [232] | 94 | function openSPARQLBuilder(){
|
|---|
| 95 |
|
|---|
| 96 | $('.SBModalView').css('top', $(window).scrollTop()).css('height', window.innerHeight).fadeIn();
|
|---|
| 97 |
|
|---|
| [235] | 98 | resizeModalView();
|
|---|
| [232] | 99 |
|
|---|
| 100 | $(".SBEndPointSelect").select2();
|
|---|
| 101 | $(".SBStartClassSelect").select2();
|
|---|
| 102 | $(".SBEndClassSelect").select2();
|
|---|
| 103 |
|
|---|
| [233] | 104 | if(defendpoint != "" && defstartclass != "" && defendclass != ""){
|
|---|
| 105 |
|
|---|
| [245] | 106 | $('.SBStartClassSelect').on('lsccomplete', function(){
|
|---|
| [233] | 107 | $('.SBStartClassSelect').val(defstartclass);
|
|---|
| 108 | defstartclass = "";
|
|---|
| [245] | 109 |
|
|---|
| 110 | $(".SBEndPointSelect").select2();
|
|---|
| 111 | $(".SBStartClassSelect").select2();
|
|---|
| 112 | $(".SBEndClassSelect").select2();
|
|---|
| 113 |
|
|---|
| 114 | $('.SBStartClassSelect').unbind('lsccomplete');
|
|---|
| 115 | loadEndClassList();
|
|---|
| 116 | });
|
|---|
| 117 |
|
|---|
| 118 | $('.SBEndClassSelect').on('leccomplete', function(){
|
|---|
| [233] | 119 | $('.SBEndClassSelect').val(defendclass);
|
|---|
| 120 | defendclass = "";
|
|---|
| 121 |
|
|---|
| 122 | $(".SBEndPointSelect").select2();
|
|---|
| 123 | $(".SBStartClassSelect").select2();
|
|---|
| 124 | $(".SBEndClassSelect").select2();
|
|---|
| 125 |
|
|---|
| [245] | 126 | $('.SBEndClassSelect').unbind('leccomplete');
|
|---|
| [233] | 127 | });
|
|---|
| 128 |
|
|---|
| 129 | loadPathList();
|
|---|
| 130 |
|
|---|
| 131 | var eplist = $('.SBEndPointSelect option');
|
|---|
| 132 |
|
|---|
| 133 | if(eplist.length == 0){
|
|---|
| 134 | $('.SBEndPointSelect').on('epcomplete', function(){
|
|---|
| [289] | 135 | $('.SBEndPointSelect option').each(function(){
|
|---|
| 136 | if($(this).text() == defendpoint){
|
|---|
| 137 | $(this).attr('selected', 'selected');
|
|---|
| 138 | }
|
|---|
| 139 | });
|
|---|
| [233] | 140 | defendpoint = "";
|
|---|
| [245] | 141 | loadStartClassList();
|
|---|
| [233] | 142 | $('.SBEndPointSelect').unbind('epcomplete');
|
|---|
| 143 | });
|
|---|
| 144 | }else{
|
|---|
| [289] | 145 | $('.SBEndPointSelect option').each(function(){
|
|---|
| 146 | if($(this).text() == defendpoint){
|
|---|
| 147 | $(this).attr('selected', 'selected');
|
|---|
| 148 | }
|
|---|
| 149 | });
|
|---|
| [233] | 150 | defendpoint = "";
|
|---|
| [245] | 151 | loadStartClassList();
|
|---|
| [233] | 152 | }
|
|---|
| 153 | }
|
|---|
| [232] | 154 | }
|
|---|
| 155 |
|
|---|
| [235] | 156 | function resizeModalView(){
|
|---|
| 157 |
|
|---|
| 158 | if($('.SBModalView').css('display') == 'block'){
|
|---|
| 159 | var mvw = $('.SBModalContents').width();
|
|---|
| 160 | var mvh = $('.SBModalContents').height();
|
|---|
| 161 | $('.SBModalContents .SBForms').css('width', (mvw - 201) + 'px').css('height', 56 + 'px');
|
|---|
| 162 | $('.SBModalContents .SBMessage').css('width', 200 + 'px').css('height', 56 + 'px');
|
|---|
| 163 | $('.SBModalContents .SBGraph').css('width', (mvw - 201) + 'px').css('height', (mvh - 57) + 'px');
|
|---|
| 164 | $('.SBModalContents .SBPath').css('width', 180 + 'px').css('height', (mvh - 77 - 26) + 'px');
|
|---|
| 165 | $('.SBModalContents .SBModalButtons').css('width', 200 + 'px').css('height', '26px');
|
|---|
| 166 |
|
|---|
| [243] | 167 | var formw = $('.SBModalContents .SBForms').width();
|
|---|
| 168 | var selw = Math.floor(formw - 120);
|
|---|
| [236] | 169 |
|
|---|
| [235] | 170 | if(selw % 2 == 1){
|
|---|
| [236] | 171 | selw--;
|
|---|
| [235] | 172 | }
|
|---|
| [236] | 173 | $('.SBModalContents .SBSelects').css('width', selw);
|
|---|
| [243] | 174 | $('.SBModalContents .SBPermaLink').css('width', Math.floor(formw - selw));
|
|---|
| [235] | 175 | }
|
|---|
| 176 | }
|
|---|
| 177 |
|
|---|
| [233] | 178 | function openSample(ep, st, en){
|
|---|
| 179 | defendpoint = ep;
|
|---|
| 180 | defstartclass = st;
|
|---|
| 181 | defendclass = en;
|
|---|
| 182 |
|
|---|
| 183 | openSPARQLBuilder();
|
|---|
| 184 | }
|
|---|
| 185 |
|
|---|
| [232] | 186 | function openPermalink(){
|
|---|
| [233] | 187 | var baseurl = location.href;
|
|---|
| 188 | var spliturl = baseurl.split('?');
|
|---|
| 189 | var url = spliturl[0] + "?ep=" + encodeURIComponent(endpoint) + "&st=" + encodeURIComponent(startclass) + "&en=" + encodeURIComponent(endclass);
|
|---|
| [232] | 190 |
|
|---|
| [233] | 191 | window.open(url);
|
|---|
| [232] | 192 | }
|
|---|
| 193 |
|
|---|
| 194 | function closeSPARQLBuilder(){
|
|---|
| 195 | $('.SBModalView').fadeOut();
|
|---|
| 196 | }
|
|---|
| 197 |
|
|---|
| 198 | function switchLoadIcon(mode) {
|
|---|
| 199 | if(mode == "view"){
|
|---|
| 200 | $('.SBAjaxLoad').show();
|
|---|
| 201 | }else{
|
|---|
| 202 | $('.SBAjaxLoad').hide();
|
|---|
| 203 | }
|
|---|
| 204 | };
|
|---|
| 205 |
|
|---|
| 206 | function loadEndPointList(){
|
|---|
| [243] | 207 | $('.SBPermaLinkButton').attr('disabled', true);
|
|---|
| [288] | 208 | var url = 'http://www.sparqlbuilder.org/api/eplist?ds=true';
|
|---|
| [289] | 209 | $(".SBEndPointSelect").empty();
|
|---|
| 210 | $(".SBEndPointSelect").attr("disabled", "disabled");
|
|---|
| 211 | $(".SBStartClassSelect").empty();
|
|---|
| 212 | $(".SBStartClassSelect").attr("disabled", "disabled");
|
|---|
| 213 | $(".SBEndClassSelect").empty();
|
|---|
| 214 | $(".SBEndClassSelect").attr("disabled", "disabled");
|
|---|
| [232] | 215 | $.ajax({
|
|---|
| 216 | url: url,
|
|---|
| 217 | success: function(data) {
|
|---|
| 218 | var list = eval(data);
|
|---|
| 219 | $(".SBEndPointSelect").empty();
|
|---|
| [241] | 220 | $(".SBEndPointSelect").append('<option value="SBDefault">SELECT Endpoint</option>');
|
|---|
| [232] | 221 | for (var i = 0; i < list.length; ++i) {
|
|---|
| [286] | 222 | $(".SBEndPointSelect").append('<option value="' + list[i]['uri'] + '">' + list[i]['label'] + '</option>');
|
|---|
| [289] | 223 | if(defendpoint == ''){
|
|---|
| 224 | switchLoadIcon("hide");
|
|---|
| 225 | }
|
|---|
| [232] | 226 | if($('.SBModalView').attr('display') == 'block'){
|
|---|
| 227 | $(".SBEndPointSelect").select2();
|
|---|
| 228 | $(".SBStartClassSelect").select2();
|
|---|
| 229 | $(".SBEndClassSelect").select2();
|
|---|
| 230 | }
|
|---|
| 231 | }
|
|---|
| [289] | 232 | $(".SBEndPointSelect").removeAttr("disabled");
|
|---|
| [233] | 233 | $(".SBEndPointSelect").trigger(new $.Event('epcomplete'));
|
|---|
| [232] | 234 | },
|
|---|
| 235 | });
|
|---|
| 236 | }
|
|---|
| 237 |
|
|---|
| 238 | changeEndPoint = function() {
|
|---|
| [289] | 239 | endpoint = $(".SBEndPointSelect option:selected").text();
|
|---|
| [232] | 240 | if(endpoint != "SBDefault"){
|
|---|
| [245] | 241 | loadStartClassList();
|
|---|
| [232] | 242 | }
|
|---|
| 243 | };
|
|---|
| 244 |
|
|---|
| [245] | 245 | loadStartClassList = function() {
|
|---|
| [243] | 246 | $('.SBPermaLinkButton').attr('disabled', true);
|
|---|
| [232] | 247 | var url = "http://www.sparqlbuilder.org/api/clist?ep=" + encodeURIComponent(endpoint);
|
|---|
| [289] | 248 | $(".SBStartClassSelect").empty();
|
|---|
| 249 | $(".SBStartClassSelect").attr("disabled", "disabled");
|
|---|
| 250 | $(".SBEndClassSelect").empty();
|
|---|
| 251 | $(".SBEndClassSelect").attr("disabled", "disabled");
|
|---|
| [232] | 252 | $.ajax({
|
|---|
| 253 | type : "GET",
|
|---|
| 254 | url : url,
|
|---|
| [289] | 255 | //async : false,
|
|---|
| [232] | 256 | success : function(data) {
|
|---|
| 257 | var list = eval(data);
|
|---|
| 258 | $(".SBStartClassSelect").empty();
|
|---|
| [247] | 259 | $(".SBStartClassSelect").append('<option value="SBDefault">SELECT StartClass (From ' + list.length + ' classes below)</option>');
|
|---|
| [232] | 260 | for (var i = 0; i < list.length; ++i) {
|
|---|
| 261 | $(".SBStartClassSelect").append('<option value="' + list[i]['uri'] + '">' + list[i]['label'] + ' (' + list[i]['number'] + ')' + '</option>');
|
|---|
| [245] | 262 | }
|
|---|
| [289] | 263 | $(".SBStartClassSelect").removeAttr("disabled");
|
|---|
| [245] | 264 | $(".SBStartClassSelect").select2();
|
|---|
| 265 | $(".SBEndClassSelect").select2();
|
|---|
| 266 | $(".SBStartClassSelect").trigger(new $.Event('lsccomplete'));
|
|---|
| 267 | }
|
|---|
| 268 | });
|
|---|
| 269 | };
|
|---|
| 270 |
|
|---|
| 271 | loadEndClassList = function() {
|
|---|
| 272 | $('.SBPermaLinkButton').attr('disabled', true);
|
|---|
| 273 | var url = "http://www.sparqlbuilder.org/api/clist?ep=" + encodeURIComponent(endpoint) + '&class=' + encodeURIComponent($(".SBStartClassSelect").val());
|
|---|
| 274 | $.ajax({
|
|---|
| 275 | type : "GET",
|
|---|
| 276 | url : url,
|
|---|
| [289] | 277 | //async : false,
|
|---|
| [245] | 278 | success : function(data) {
|
|---|
| 279 | var list = eval(data);
|
|---|
| 280 | $(".SBEndClassSelect").empty();
|
|---|
| [247] | 281 | $(".SBEndClassSelect").append('<option value="SBDefault">SELECT EndClass (From ' + list.length + ' classes below)</option>');
|
|---|
| [245] | 282 | for (var i = 0; i < list.length; ++i) {
|
|---|
| [232] | 283 | $(".SBEndClassSelect").append('<option value="' + list[i]['uri'] + '">' + list[i]['label'] + ' (' + list[i]['number'] + ')' + '</option>');
|
|---|
| 284 | }
|
|---|
| [289] | 285 | $(".SBEndClassSelect").removeAttr("disabled");
|
|---|
| [232] | 286 | $(".SBStartClassSelect").select2();
|
|---|
| 287 | $(".SBEndClassSelect").select2();
|
|---|
| [245] | 288 | $(".SBEndClassSelect").trigger(new $.Event('leccomplete'));
|
|---|
| [232] | 289 | }
|
|---|
| 290 | });
|
|---|
| 291 | };
|
|---|
| 292 |
|
|---|
| 293 | loadPathList = function() {
|
|---|
| [233] | 294 | startclass = $(".SBStartClassSelect").val();
|
|---|
| 295 | endclass = $(".SBEndClassSelect").val();
|
|---|
| 296 |
|
|---|
| 297 | if(defendpoint != "" && defstartclass != "" && defendclass != ""){
|
|---|
| 298 | endpoint = defendpoint;
|
|---|
| 299 | startclass = defstartclass;
|
|---|
| 300 | endclass = defendclass;
|
|---|
| 301 | }
|
|---|
| 302 |
|
|---|
| [232] | 303 | $('.SBSaveESE').attr('disabled', true);
|
|---|
| 304 | if (startclass == null || endclass == null || startclass == "SBDefault" || endclass == "SBDefault"){
|
|---|
| 305 | return;
|
|---|
| 306 | }
|
|---|
| 307 |
|
|---|
| 308 | pathlimit = 10;
|
|---|
| 309 |
|
|---|
| 310 | $('.SBResult').hide();
|
|---|
| 311 | $('.SBViewAll').hide();
|
|---|
| [239] | 312 | $('.SBSelectedPath').html('<h1>Please <span style="color: hsl(150, 50%, 75%);">select a leaf node</span> and click to generate a SPARQL</h1><img src=\"images/pathline.png\" style="display:none;">');
|
|---|
| [232] | 313 |
|
|---|
| 314 | var url = "http://www.sparqlbuilder.org/api/plist?ep=" + encodeURIComponent(endpoint)
|
|---|
| 315 | + "&startclass=" + encodeURIComponent(startclass)
|
|---|
| 316 | + "&endclass=" + encodeURIComponent(endclass);
|
|---|
| [239] | 317 |
|
|---|
| [232] | 318 | switchLoadIcon("view");
|
|---|
| 319 | setTimeout(function(){
|
|---|
| 320 | $.ajax({
|
|---|
| 321 | type : "GET",
|
|---|
| 322 | url : url,
|
|---|
| 323 | //async : false,
|
|---|
| 324 | timeout : 1000000,
|
|---|
| 325 | success : function(data) {
|
|---|
| 326 | jsontext = data;
|
|---|
| 327 | view_map();
|
|---|
| 328 | switchLoadIcon("hide");
|
|---|
| [243] | 329 | $('.SBPermaLinkButton').attr('disabled', false);
|
|---|
| [232] | 330 | },
|
|---|
| 331 | error: function(data){
|
|---|
| 332 | switchLoadIcon("hide");
|
|---|
| 333 | alert("error: ", data);
|
|---|
| 334 | }
|
|---|
| 335 | });
|
|---|
| 336 | }, 100);
|
|---|
| 337 | };
|
|---|
| 338 |
|
|---|
| 339 | function viewAll(){
|
|---|
| 340 | pathlimit = 0;
|
|---|
| 341 | view_map();
|
|---|
| 342 | }
|
|---|
| 343 |
|
|---|
| 344 | generateSPARQL = function() {
|
|---|
| 345 | var path = JSON.stringify(pathobj);
|
|---|
| 346 | var url = 'http://www.sparqlbuilder.org/api/sparql?path=' + encodeURIComponent(path);
|
|---|
| 347 | $.ajax({
|
|---|
| 348 | type: "GET",
|
|---|
| 349 | url : url,
|
|---|
| 350 | dataType: 'text',
|
|---|
| 351 | async: false,
|
|---|
| 352 | success : function(data) {
|
|---|
| 353 | $(".SBSparqlArea").val(data);
|
|---|
| 354 | closeSPARQLBuilder();
|
|---|
| 355 | }
|
|---|
| 356 | });
|
|---|
| 357 | };
|
|---|
| 358 |
|
|---|
| 359 | function sendSPARQL(){
|
|---|
| 360 | var sendep = $(".SBEndPointSelect").val();
|
|---|
| 361 |
|
|---|
| 362 | var query = $(".SBSparqlArea").val();
|
|---|
| 363 |
|
|---|
| 364 | if(sendep == "SBDefault" || query == ""){
|
|---|
| 365 | return;
|
|---|
| 366 | }
|
|---|
| 367 |
|
|---|
| 368 | query = encodeURIComponent(query);
|
|---|
| 369 |
|
|---|
| 370 | openpage = sendep + "?format=text%2Fhtml&query=" + query;
|
|---|
| 371 |
|
|---|
| 372 | window.open(openpage);
|
|---|
| 373 | }
|
|---|
| 374 |
|
|---|
| 375 | function downloadResult(){
|
|---|
| 376 |
|
|---|
| 377 | var sendep = $(".SBEndPointSelect").val();
|
|---|
| 378 |
|
|---|
| 379 | var query = $(".SBSparqlArea").val();
|
|---|
| 380 |
|
|---|
| 381 | if(sendep == "SBDefault" || query == ""){
|
|---|
| 382 | return;
|
|---|
| 383 | }
|
|---|
| 384 |
|
|---|
| 385 | qr = sendQuery(sendep,query);
|
|---|
| 386 |
|
|---|
| 387 | qr.fail(
|
|---|
| 388 | function (xhr, textStatus, thrownError) {
|
|---|
| 389 | alert("Error: A '" + textStatus+ "' occurred.");
|
|---|
| 390 | }
|
|---|
| 391 | );
|
|---|
| 392 | qr.done(
|
|---|
| 393 | function (d) {
|
|---|
| 394 | downloadCSV(d.results.bindings);
|
|---|
| 395 | }
|
|---|
| 396 | );
|
|---|
| 397 | }
|
|---|
| 398 |
|
|---|
| 399 | function downloadCSV(data){
|
|---|
| 400 |
|
|---|
| 401 | if (data instanceof Array) {
|
|---|
| 402 | var result_txt ="";
|
|---|
| 403 |
|
|---|
| 404 | var i=0;
|
|---|
| 405 | for ( var key in data[0]) {
|
|---|
| 406 | if(i>0){result_txt +=",";}
|
|---|
| 407 | result_txt += key;
|
|---|
| 408 | i++;
|
|---|
| 409 | }
|
|---|
| 410 |
|
|---|
| 411 | result_txt += "\n";
|
|---|
| 412 |
|
|---|
| 413 | for (var d = 0; d < data.length; d++) {
|
|---|
| 414 | var i = 0;
|
|---|
| 415 | for ( var key in data[d]) {
|
|---|
| 416 | if(i>0){result_txt +=",";}
|
|---|
| 417 | result_txt += data[d][key].value;
|
|---|
| 418 | i++;
|
|---|
| 419 | }
|
|---|
| 420 | result_txt += '\n';
|
|---|
| 421 | }
|
|---|
| 422 |
|
|---|
| 423 | var blob = new Blob( [result_txt], {type: 'text/plain'} )
|
|---|
| 424 |
|
|---|
| 425 | var link = document.createElement('a')
|
|---|
| 426 | link.href = URL.createObjectURL(blob)
|
|---|
| 427 | link.download = 'result' + '.csv'
|
|---|
| 428 |
|
|---|
| 429 | document.body.appendChild(link) // for Firefox
|
|---|
| 430 | link.click()
|
|---|
| 431 | document.body.removeChild(link) // for Firefox
|
|---|
| 432 | }
|
|---|
| 433 | };
|
|---|
| 434 |
|
|---|
| [238] | 435 |
|
|---|
| 436 | // 繧ｰ繝ｩ繝墓緒逕ｻ驛ｨ蛻� |
|---|
| [232] | 437 | view_map = function(){
|
|---|
| 438 |
|
|---|
| [238] | 439 | // make_data繝｡繧ｽ繝�ラ縺ｮ邨先棡繧貞叙蠕� |
|---|
| [239] | 440 | var json = make_data();
|
|---|
| [232] | 441 |
|
|---|
| [238] | 442 | // 繝代せ謨ｰ縺�縺ｧ縺ｪ縺代ｌ縺ｰ
|
|---|
| 443 | if(json['nodes'].length != 0){
|
|---|
| [232] | 444 |
|
|---|
| [238] | 445 | // 蜃ｺ譚･荳翫′縺｣縺溽ｵ先棡繧呈ｸ｡縺励※繝槭ャ繝嶺ｸ翫�蠎ｧ讓吶ｒ繧ｻ繝�ヨ
|
|---|
| 446 | set_map_location(0, json['nodes'], json['links']);
|
|---|
| [232] | 447 |
|
|---|
| [238] | 448 | // SVG縺ｮ蟷�→鬮倥＆逕ｨ縺ｫ謠冗判鬆伜沺縺ｮ繧ｵ繧､繧ｺ繧貞叙蠕� |
|---|
| 449 | var width = $('.SBGraph').width();
|
|---|
| 450 | var height = $('.SBGraph').height();
|
|---|
| 451 | // SVG蜀��繧ｰ繝ｩ繝暮Κ蛻�ｫ倥＆�医ヱ繧ｹ謨ｰ縺ｫ蠢懊§繧具ｼ峨ｒ繧ｻ繝�ヨ
|
|---|
| 452 | var graphheight = ((NODEHEIGHT * 1.5) * PATHNUM) + (NODEHEIGHT / 2);
|
|---|
| [232] | 453 |
|
|---|
| [238] | 454 | // 繧ｹ繧ｳ繧｢陦ｨ遉ｺ縺ｮ繝槭�繧ｸ繝ｳ
|
|---|
| 455 | var scoreleftmargin = NODEHEIGHT * 1.5;
|
|---|
| [232] | 456 |
|
|---|
| [244] | 457 | var scrollsvg = function(delta){
|
|---|
| 458 | // 迴ｾ蝨ｨ縺ｮ繝薙Η繝ｼ繝懊ャ繧ｯ繧ｹ縺ｮ迥ｶ諷九ｒ蜿門ｾ� |
|---|
| 459 | var vb = svg.attr("viewBox");
|
|---|
| 460 | // 繧ｹ繝壹�繧ｹ縺ｧ蛹ｺ蛻�ｊ蜷�､縺ｫ蛻�ｧ｣
|
|---|
| 461 | var spvb = vb.split(" ");
|
|---|
| 462 |
|
|---|
| 463 | // 繝薙Η繝ｼ繝懊ャ繧ｯ繧ｹ縺ｮy縺ｮ蛟､縺九ｉ莉雁屓縺ｮ繝帙う繝ｼ繝ｫ繧､繝吶Φ繝医�蟾ｮ蛻�ｒ蠑輔￥
|
|---|
| 464 | var vby = (parseInt(spvb[1]) - parseInt(delta));
|
|---|
| 465 |
|
|---|
| 466 | // 0繧貞牡縺｣縺ｦ縺�◆繧�縺ｫ
|
|---|
| 467 | if(vby < 0){
|
|---|
| 468 | vby = 0;
|
|---|
| 469 | // 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ荳企剞�医げ繝ｩ繝輔し繧､繧ｺ蠑輔￥陦ｨ遉ｺ鬆伜沺繧ｵ繧､繧ｺ�峨ｒ雜�∴縺ｦ縺�◆繧芽｣懈ｭ｣
|
|---|
| 470 | }else if(vby > (graphheight - height)){
|
|---|
| 471 | vby = (graphheight - height);
|
|---|
| 472 | // 陬懈ｭ｣縺励◆邨先棡0繧貞牡縺｣縺ｦ縺�◆繧�縺ｫ
|
|---|
| 473 | if(vby < 0){
|
|---|
| 474 | vby = 0;
|
|---|
| 475 | }
|
|---|
| 476 | }
|
|---|
| 477 |
|
|---|
| 478 | // 縺薙％縺ｾ縺ｧ縺ｧ縺ｧ縺阪◆y繧偵そ繝�ヨ縺励ン繝･繝ｼ繝懊ャ繧ｯ繧ｹ繧呈峩譁ｰ
|
|---|
| 479 | svg.attr("viewBox", "0 " + vby + " " + width + " " + height);
|
|---|
| 480 | }
|
|---|
| 481 |
|
|---|
| [238] | 482 | // SVG縺ｮ蜑企勁
|
|---|
| 483 | d3.select(".SBGraph svg").remove();
|
|---|
| 484 | // 逕ｻ髱｢繧ｵ繧､繧ｺ縺ｫ蜷医ｏ縺婀VG縺ｮ霑ｽ蜉
|
|---|
| 485 | var svg = d3.select(".SBGraph").append("svg")
|
|---|
| 486 | .attr("width", width)
|
|---|
| 487 | .attr("height", height)
|
|---|
| 488 | // 繝薙Η繝ｼ繝懊ャ繧ｯ繧ｹ縺ｮ繧ｻ繝�ヨ
|
|---|
| [244] | 489 | .attr("viewBox", "0 0 " + width + " " + height);
|
|---|
| [232] | 490 |
|
|---|
| [244] | 491 | // SVG縺後せ繧ｯ繝ｭ繝ｼ繝ｫ縺輔ｌ縺滓凾縺ｮ繧､繝吶Φ繝医ｒ繝悶Λ繧ｦ繧ｶ縺ｫ蠢懊§縺ｦ繧ｻ繝�ヨ
|
|---|
| 492 | var mousewheelevent = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll';
|
|---|
| 493 | $(".SBGraph svg").on(mousewheelevent,function(e){
|
|---|
| 494 | // 繝悶Λ繧ｦ繧ｶ縺ｫ蠢懊§縺ｦ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ縺ｮ蛟､繧貞叙蠕� |
|---|
| 495 | var delta = e.originalEvent.deltaY ? -(e.originalEvent.deltaY) : e.originalEvent.wheelDelta ? e.originalEvent.wheelDelta : -(e.originalEvent.detail);
|
|---|
| 496 | // FireFox縺縺ｨ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ騾溷ｺｦ縺碁撼蟶ｸ縺ｫ驕�＞蝣ｴ蜷医′縺ゅｋ縺ｮ縺ｧ陬懈ｭ｣
|
|---|
| 497 | if(delta < 0 && delta > -100){
|
|---|
| 498 | delta = -100;
|
|---|
| 499 | }else if(0 < delta && delta < 100){
|
|---|
| 500 | delta = 100;
|
|---|
| 501 | }
|
|---|
| [232] | 502 |
|
|---|
| [244] | 503 | // 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ縺ｮ繝�ヵ繧ｩ繝ｫ繝医�蜍穂ｽ懊→繝舌ヶ繝ｪ繝ｳ繧ｰ繧偵く繝｣繝ｳ繧ｻ繝ｫ
|
|---|
| 504 | e.preventDefault();
|
|---|
| 505 | e.stopPropagation();
|
|---|
| 506 | // 蛟､繧呈ｸ｡縺励※繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ
|
|---|
| 507 | scrollsvg(delta);
|
|---|
| 508 | });
|
|---|
| [232] | 509 |
|
|---|
| [238] | 510 | // 閭梧勹縺ｮ霑ｽ蜉�磯ｫ倥＆莉･螟悶�謠冗判鬆伜沺縺昴�縺ｾ縺ｾ�� |
|---|
| 511 | var bg = svg
|
|---|
| 512 | .append("rect")
|
|---|
| 513 | .attr("x", 0)
|
|---|
| 514 | .attr("y", 0)
|
|---|
| 515 | .attr("width", width)
|
|---|
| 516 | .attr("height", function(){
|
|---|
| 517 | // 繧ｰ繝ｩ繝暮Κ蛻��鬮倥＆縺梧緒逕ｻ鬆伜沺縺ｮ鬮倥＆繧貞牡縺｣縺ｦ縺�◆繧会ｼ医ヱ繧ｹ縺悟ｰ代↑縺代ｌ縺ｰ�画緒逕ｻ鬆伜沺縺ｮ鬮倥＆繧定ｿ斐☆
|
|---|
| 518 | if(graphheight < height){
|
|---|
| 519 | return height;
|
|---|
| 520 | }else{
|
|---|
| 521 | return graphheight;
|
|---|
| 522 | }
|
|---|
| 523 | })
|
|---|
| 524 | // 閭梧勹繧定埋縺�げ繝ｬ繝ｼ縺ｫ
|
|---|
| 525 | .attr("fill", "#fafafa");
|
|---|
| [232] | 526 |
|
|---|
| [238] | 527 | // links驟榊�繧呈ｸ｡縺励Μ繝ｳ繧ｯ縺ｮ菴懈�
|
|---|
| 528 | var link = svg.selectAll(".link")
|
|---|
| 529 | .data(json.links)
|
|---|
| 530 | .enter().append("line")
|
|---|
| 531 | .attr("class", "link")
|
|---|
| 532 | .style("stroke", "#999")
|
|---|
| 533 | .style("stroke-opacity", 0.6)
|
|---|
| 534 | .style("stroke-width", 2);
|
|---|
| [232] | 535 |
|
|---|
| [238] | 536 | // nodes驟榊�繧呈ｸ｡縺励ヮ繝ｼ繝峨�菴懈�
|
|---|
| 537 | var node = svg.selectAll(".node")
|
|---|
| 538 | .data(json.nodes)
|
|---|
| 539 | .enter().append("circle")
|
|---|
| 540 | .attr("class", "node")
|
|---|
| 541 | .attr("r", (NODEHEIGHT / 2))
|
|---|
| 542 | .attr("cx", function(d) { return d.x;} )
|
|---|
| 543 | .attr("cy", function(d) { return d.y; })
|
|---|
| 544 | .style("fill", function(d) { return d.nodecolor; })
|
|---|
| 545 | .style("stroke", '#fafafa')
|
|---|
| 546 | .style("stroke-width", '1.5px')
|
|---|
| [239] | 547 | // 譛ｫ遶ｯ繝弱�繝峨�縺ｿ繝槭え繧ｹ繧｢繧､繧ｳ繝ｳ繧偵�繧､繝ｳ繧ｿ繝ｼ縺ｫ
|
|---|
| 548 | .style("cursor", function(d){
|
|---|
| 549 | if(d.path == "notend"){
|
|---|
| 550 | return 'normal';
|
|---|
| 551 | }else{
|
|---|
| 552 | return 'pointer';
|
|---|
| 553 | }
|
|---|
| 554 | });
|
|---|
| [232] | 555 |
|
|---|
| [238] | 556 | // nodes驟榊�繧呈ｸ｡縺励ヮ繝ｼ繝峨ユ繧ｭ繧ｹ繝医�菴懈�
|
|---|
| 557 | var tnode = svg.selectAll("text.node")
|
|---|
| 558 | .data(json.nodes)
|
|---|
| 559 | .enter().append("svg:text")
|
|---|
| 560 | .attr("class", "tnode")
|
|---|
| 561 | .attr("x", function(d) { return d.x; })
|
|---|
| 562 | .attr("y", function(d) { return d.y; })
|
|---|
| 563 | .text(function(d) { return d.name; })
|
|---|
| 564 | .style("fill", '#000000')
|
|---|
| 565 | .style("text-anchor", 'middle')
|
|---|
| 566 | .style("pointer-events", "none");
|
|---|
| [232] | 567 |
|
|---|
| [238] | 568 | // 繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医�菴懈�
|
|---|
| 569 | var tlink = svg.selectAll("text.link")
|
|---|
| 570 | .data(json.links)
|
|---|
| 571 | .enter().append("svg:text")
|
|---|
| 572 | .attr("class", "tlink")
|
|---|
| 573 | .attr("x", function(d) { return (json.nodes[d.source].x + json.nodes[d.target].x) / 2; })
|
|---|
| 574 | .attr("y", function(d) { return (json.nodes[d.source].y + json.nodes[d.target].y) / 2; })
|
|---|
| 575 | .style("fill", '#000000')
|
|---|
| 576 | .style("text-anchor", 'middle');
|
|---|
| [232] | 577 |
|
|---|
| [238] | 578 | // 繧ｹ繧ｳ繧｢繝�く繧ｹ繝医�菴懈�
|
|---|
| 579 | var tscore = svg.selectAll("text.score")
|
|---|
| 580 | .data(json.nodes)
|
|---|
| 581 | .enter().append("svg:text")
|
|---|
| 582 | .attr("class", "tscore")
|
|---|
| 583 | .attr("x", function(d) { return (d.x + scoreleftmargin); })
|
|---|
| [239] | 584 | .attr("y", function(d) { return d.y + 4; })
|
|---|
| [238] | 585 | .text(function(d) { return d.score; })
|
|---|
| [245] | 586 | .style("fill", 'hsl(0, 50%, 75%)')
|
|---|
| [238] | 587 | .style("text-anchor", 'middle')
|
|---|
| 588 | .style("pointer-events", "none");
|
|---|
| [232] | 589 |
|
|---|
| [238] | 590 | // 繝弱�繝峨∈縺ｮ繧ｪ繝ｳ繝槭え繧ｹ縺ｧ繝代せ謗｢邏｢縲√ヱ繧ｹ荳ｭ縺ｮ繝ｪ繝ｳ繧ｯ譁�ｭ励ｒ陦ｨ遉ｺ
|
|---|
| 591 | node.on("mouseover", function(d){
|
|---|
| [232] | 592 |
|
|---|
| [238] | 593 | // 陦ｨ遉ｺ縺吶ｋ繝代せ菫晏ｭ倡畑驟榊�
|
|---|
| 594 | var path = [];
|
|---|
| 595 | // 繝代せ陦ｨ遉ｺ諠�ｱ菫晏ｭ倡畑驟榊�
|
|---|
| 596 | var pathname = [];
|
|---|
| [232] | 597 |
|
|---|
| [238] | 598 | // 縺ｾ縺壹が繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨�id縺ｨ蜷榊燕繧偵◎繧後◇繧瑚ｿｽ蜉
|
|---|
| 599 | path.push(d.nodeid);
|
|---|
| 600 | pathname.push(d.name);
|
|---|
| [232] | 601 |
|
|---|
| [238] | 602 | // 繝代せ謗｢邏｢
|
|---|
| 603 | do{
|
|---|
| 604 | // 繝ｪ繝ｳ繧ｯ縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠
|
|---|
| 605 | for(var i = 0; i < link.data().length; i++){
|
|---|
| 606 | // 迴ｾ蝨ｨ縺ｮ譛蠕悟ｰｾ縺ｫ郢九′繧九Μ繝ｳ繧ｯ縺後≠繧後�
|
|---|
| 607 | if(path[(path.length-1)] == link.data()[i].target){
|
|---|
| 608 | // 縺昴�繝ｪ繝ｳ繧ｯ縺ｮ繧ｽ繝ｼ繧ｹ蛛ｴ繝弱�繝峨�id繧定ｿｽ蜉
|
|---|
| 609 | path.push(link.data()[i].source);
|
|---|
| 610 | // 縺昴�繝ｪ繝ｳ繧ｯ縺ｮ蜷榊燕縺ｨ繧ｽ繝ｼ繧ｹ蛛ｴ繝弱�繝峨�蜷榊燕繧定ｿｽ蜉
|
|---|
| 611 | pathname.push(link.data()[i].property);
|
|---|
| 612 | pathname.push(node.data()[link.data()[i].source].name);
|
|---|
| 613 | }
|
|---|
| 614 | }
|
|---|
| 615 | // 繝ｫ繝ｼ繝医ヮ繝ｼ繝峨↓霎ｿ繧顔捩縺上∪縺ｧ郢ｰ繧願ｿ斐☆
|
|---|
| 616 | }while(path[(path.length-1)] != 0);
|
|---|
| [232] | 617 |
|
|---|
| [238] | 618 | // 繝ｫ繝ｼ繝医ヮ繝ｼ繝峨∪縺溘�騾比ｸｭ繝弱�繝峨↑繧� |
|---|
| 619 | if(d.nodeid == 0 || d.path == "notend"){
|
|---|
| 620 | // 繝代せ陦ｨ遉ｺ鬆伜沺繧偵ョ繝輔か繝ｫ繝医↓
|
|---|
| [239] | 621 | $('.SBSelectedPath').html('<h1>Please <span style="color: hsl(150, 50%, 75%);">select a leaf node</span> and click to generate a SPARQL</h1>');
|
|---|
| [238] | 622 | // 譛ｫ遶ｯ繝弱�繝峨↑繧� |
|---|
| 623 | }else{
|
|---|
| [232] | 624 |
|
|---|
| [239] | 625 | // 繝代せ陦ｨ遉ｺ鬆伜沺逕ｨ譁�ｭ怜�
|
|---|
| 626 | var resultText = '';
|
|---|
| [238] | 627 | // 繝代せ縺ｮ蜷榊燕驟榊�蛻�ｾ後ｍ縺九ｉ郢ｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 628 | for (var i = pathname.length;i > 0; i--){
|
|---|
| 629 | // 螂�焚逡ｪ逶ｮ�医ヮ繝ｼ繝会ｼ峨↑繧� |
|---|
| 630 | if(i % 2 == 1){
|
|---|
| 631 | // 繝ｫ繝ｼ繝医°騾比ｸｭ縺区忰遶ｯ縺九↓蠢懊§縺ｦ繧ｯ繝ｩ繧ｹ繧呈欠螳壹＠霑ｽ險� |
|---|
| 632 | if(i == 1){
|
|---|
| 633 | resultText = resultText + "<div class=\"SBLeafNode\">" + pathname[i - 1] + "</div>";
|
|---|
| 634 | }else if(i == pathname.length){
|
|---|
| 635 | resultText = resultText + "<div class=\"SBRootNode\">" + pathname[i - 1] + "</div>";
|
|---|
| 636 | }else{
|
|---|
| 637 | resultText = resultText + "<div class=\"SBPathNode\">" + pathname[i - 1] + "</div>";
|
|---|
| 638 | }
|
|---|
| 639 | // 蛛ｶ謨ｰ逡ｪ逶ｮ�医Μ繝ｳ繧ｯ�峨�繝ｪ繝ｳ繧ｯ逕ｻ蜒上ｒ蜑榊ｾ後↓縺､縺題ｿｽ險� |
|---|
| 640 | }else{
|
|---|
| 641 | resultText = resultText + "<img src=\"images/pathline.png\"><div class=\"SBPathProperty\">" + pathname[i - 1] + "</div><img src=\"images/pathline.png\">";
|
|---|
| 642 | }
|
|---|
| 643 | }
|
|---|
| [232] | 644 |
|
|---|
| [238] | 645 | // 繝代せ陦ｨ遉ｺ鬆伜沺縺ｮ蜀�ｮｹ繧呈嶌縺肴鋤縺� |
|---|
| 646 | $('.SBSelectedPath').html(resultText);
|
|---|
| [235] | 647 |
|
|---|
| [238] | 648 | // 繧ｵ繝ｼ繝悶Ξ繝�ヨ縺ｫ騾√ｊ霑斐☆繝代せ繧ｪ繝悶ず繧ｧ繧ｯ繝医ｒ菫晏ｭ� |
|---|
| 649 | pathobj = d.path;
|
|---|
| [232] | 650 |
|
|---|
| [238] | 651 | // 繝代せ陦ｨ遉ｺ鬆伜沺縺ｮ陦ｨ遉ｺ險ｭ螳壹ｒvisivle縺ｫ
|
|---|
| 652 | $('.SBPath').css('overflow-y', 'visible');
|
|---|
| [232] | 653 |
|
|---|
| [238] | 654 | // 繝代せ蜀�ｮｹ縺ｮ鬮倥＆縺後ヱ繧ｹ陦ｨ遉ｺ鬆伜沺繧定ｶ�∴縺ｦ縺�◆繧� |
|---|
| 655 | if($('.SBPath').height() < $('.SBSelectedPath').innerHeight()){
|
|---|
| 656 | // 繝代せ陦ｨ遉ｺ鬆伜沺縺ｮ陦ｨ遉ｺ險ｭ螳壹ｒ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ縺ｫ
|
|---|
| 657 | $('.SBPath').css('overflow-y', 'scroll');
|
|---|
| 658 | }
|
|---|
| 659 | }
|
|---|
| [235] | 660 |
|
|---|
| [238] | 661 | // 繧ｪ繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨�鬮倥＆縺ｫ隕ｪ繧貞粋繧上○繧九◆繧√↓蜷医ｏ縺帙ｋ鬮倥＆繧剃ｿ晏ｭ� |
|---|
| 662 | var movey = d.y;
|
|---|
| [232] | 663 |
|
|---|
| [238] | 664 | // 蜷�ヮ繝ｼ繝峨↓蟇ｾ縺� |
|---|
| 665 | node
|
|---|
| 666 | // 霈ｪ驛ｭ邱壹�濶ｲ繧定ｨｭ螳� |
|---|
| 667 | .style("stroke", function(d){
|
|---|
| 668 | // 縺ｾ縺壹�閭梧勹濶ｲ�医ョ繝輔か繝ｫ繝茨ｼ峨ｒ謖�ｮ� |
|---|
| 669 | var strokecolor = "#fafafa";
|
|---|
| [232] | 670 |
|
|---|
| [238] | 671 | // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 672 | for(var n = 0; n < path.length; n++){
|
|---|
| 673 | // 繝代せ蜀�↓蜷ｫ縺ｾ繧後ｋ繝弱�繝峨□縺｣縺溘ｉ
|
|---|
| 674 | if(path[n] == d.nodeid){
|
|---|
| 675 | // 霈ｪ驛ｭ邱壹ｒ襍､縺ｫ
|
|---|
| 676 | strokecolor = "#ffaaaa";
|
|---|
| 677 | }
|
|---|
| 678 | }
|
|---|
| [232] | 679 |
|
|---|
| [238] | 680 | // 縺薙％縺ｾ縺ｧ縺ｧ蠕励ｉ繧後◆霈ｪ驛ｭ邱壹�濶ｲ繧定ｿ斐☆
|
|---|
| 681 | return strokecolor;
|
|---|
| 682 | })
|
|---|
| 683 | // 鬮倥＆縺ｮ蛟､
|
|---|
| 684 | .attr("cy", function(d){
|
|---|
| [232] | 685 |
|
|---|
| [238] | 686 | // 迴ｾ蝨ｨ縺ｮ鬮倥＆繧貞叙蠕� |
|---|
| 687 | var currenty = d.y
|
|---|
| [232] | 688 |
|
|---|
| [238] | 689 | // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 690 | for(var n = 0; n < path.length; n++){
|
|---|
| 691 | // 繝代せ蜀�↓蜷ｫ縺ｾ繧後ｋ繝弱�繝峨□縺｣縺溘ｉ
|
|---|
| 692 | if(path[n] == d.nodeid){
|
|---|
| 693 | // 蜀�Κ縺ｧ謖√▽鬮倥＆繧偵が繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨→蜷後§縺ｫ�亥�謠冗判譎ゅ↓蜿肴丐�� |
|---|
| 694 | d.y = movey;
|
|---|
| 695 | }
|
|---|
| 696 | }
|
|---|
| [232] | 697 |
|
|---|
| [238] | 698 | // 莉翫�迴ｾ譎らせ縺ｮ鬮倥＆繧定ｿ斐☆
|
|---|
| 699 | return currenty;
|
|---|
| 700 | });
|
|---|
| [232] | 701 |
|
|---|
| [238] | 702 | // 蜷�Μ繝ｳ繧ｯ繝�く繧ｹ繝医↓蟇ｾ縺� |
|---|
| 703 | tlink
|
|---|
| 704 | // 繝�く繧ｹ繝郁｡ｨ遉ｺ蛻､螳� |
|---|
| 705 | .text(function(d) {
|
|---|
| 706 | // 繝�ヵ繧ｩ繝ｫ繝医〒遨ｺ繧偵そ繝�ヨ
|
|---|
| 707 | var linktext = "";
|
|---|
| [232] | 708 |
|
|---|
| [238] | 709 | // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 710 | for(var t = 0; t < path.length; t++){
|
|---|
| 711 | // 閾ｪ霄ｫ縺後◎縺ｮ繝弱�繝峨∈謗･邯壹＠縺ｦ縺�ｋ繝ｪ繝ｳ繧ｯ縺ｪ繧峨�
|
|---|
| 712 | if(path[t] == d.target){
|
|---|
| 713 | // 繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医↓繝励Ο繝代ユ繧｣縺ｮ蛟､繧偵そ繝�ヨ
|
|---|
| 714 | linktext = d.property
|
|---|
| 715 | }
|
|---|
| 716 | }
|
|---|
| 717 |
|
|---|
| 718 | // 縺薙％縺ｾ縺ｧ縺ｧ縺ｧ縺阪◆繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医ｒ霑斐☆
|
|---|
| 719 | return linktext;
|
|---|
| 720 | });
|
|---|
| 721 |
|
|---|
| [239] | 722 | // 蜷�Μ繝ｳ繧ｯ縺ｫ蟇ｾ縺� |
|---|
| 723 | link
|
|---|
| 724 | // 邱壹�濶ｲ蛻､螳� |
|---|
| 725 | .style("stroke", function(d){
|
|---|
| [238] | 726 |
|
|---|
| [239] | 727 | var strokecolor = "#999";
|
|---|
| [238] | 728 |
|
|---|
| 729 | // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 730 | for(var t = 0; t < path.length; t++){
|
|---|
| 731 | // 閾ｪ霄ｫ縺後◎縺ｮ繝弱�繝峨∈謗･邯壹＠縺ｦ縺�ｋ繝ｪ繝ｳ繧ｯ縺ｪ繧峨�
|
|---|
| 732 | if(path[t] == d.target){
|
|---|
| 733 | // 繝ｪ繝ｳ繧ｯ縺ｮ濶ｲ縺ｫ襍､繧偵そ繝�ヨ
|
|---|
| 734 | strokecolor = "#ffaaaa"
|
|---|
| 735 | }
|
|---|
| 736 | }
|
|---|
| 737 |
|
|---|
| [239] | 738 | // 邱壹�濶ｲ繧定ｿ斐☆
|
|---|
| [238] | 739 | return strokecolor;
|
|---|
| [239] | 740 | });
|
|---|
| [232] | 741 |
|
|---|
| [239] | 742 | // 縺薙％縺ｾ縺ｧ縺ｮ險ｭ螳壹ｒ蜈�↓蜀肴緒逕ｻ
|
|---|
| 743 | redraw();
|
|---|
| [232] | 744 |
|
|---|
| [239] | 745 | // 繧ｯ繝ｪ繝�け縺輔ｌ縺溘→縺� |
|---|
| 746 | }).on("click", function(d){
|
|---|
| 747 | // 譛ｫ遶ｯ繝弱�繝峨↑繧峨せ繝代�繧ｯ繝ｫ逋ｺ陦� |
|---|
| 748 | if(d.path != "notend"){
|
|---|
| 749 | generateSPARQL();
|
|---|
| 750 | }
|
|---|
| 751 | });
|
|---|
| [232] | 752 |
|
|---|
| [239] | 753 | // 蜀肴緒逕ｻ髢｢謨ｰ
|
|---|
| 754 | var redraw = function (duration){
|
|---|
| [232] | 755 |
|
|---|
| [239] | 756 | // 縺九￠繧区凾髢薙′譛ｪ謖�ｮ壹↑繧峨�
|
|---|
| 757 | if(duration == undefined){
|
|---|
| 758 | // 0.5遘偵°縺代※繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ
|
|---|
| 759 | duration = 500;
|
|---|
| 760 | }
|
|---|
| [232] | 761 |
|
|---|
| [239] | 762 | // 蜷�Μ繝ｳ繧ｯ縺ｫ縺､縺�※險ｭ螳壹＆繧後◆菴咲ｽｮ縺ｫ蜀肴緒逕ｻ
|
|---|
| 763 | link
|
|---|
| 764 | .transition()
|
|---|
| 765 | .duration(duration)
|
|---|
| 766 | .attr("x1", function(d) {return node.data()[d.source].x;})
|
|---|
| 767 | .attr("y1", function(d) {return node.data()[d.source].y;})
|
|---|
| 768 | .attr("x2", function(d) {return node.data()[d.target].x;})
|
|---|
| 769 | .attr("y2", function(d) {return node.data()[d.target].y;});
|
|---|
| [232] | 770 |
|
|---|
| [239] | 771 | // 蜷�ヮ繝ｼ繝峨↓縺､縺�※險ｭ螳壹＆繧後◆菴咲ｽｮ縺ｫ蜀肴緒逕ｻ
|
|---|
| 772 | node
|
|---|
| 773 | .transition()
|
|---|
| 774 | .duration(duration)
|
|---|
| 775 | .attr("cx", function(d) {return d.x;})
|
|---|
| 776 | .attr("cy", function(d) {return d.y;});
|
|---|
| [232] | 777 |
|
|---|
| [239] | 778 | // 蜷�ヮ繝ｼ繝峨ユ繧ｭ繧ｹ繝医↓縺､縺�※險ｭ螳壹＆繧後◆菴咲ｽｮ縺ｫ蜀肴緒逕ｻ縲√ユ繧ｭ繧ｹ繝域緒逕ｻ菴咲ｽｮ繧剃ｸ贋ｸ九↓謖ｯ繧� |
|---|
| 779 | tnode
|
|---|
| 780 | .transition()
|
|---|
| 781 | .duration(duration)
|
|---|
| 782 | .attr("x", function(d) {return d.x;})
|
|---|
| 783 | .attr("y", function(d) {
|
|---|
| 784 | // 繝�ヵ繧ｩ繝ｫ繝医〒蟆代＠荳九￡繧� |
|---|
| 785 | var updown = (NODEHEIGHT * 0.4);
|
|---|
| 786 | // 螂�焚逡ｪ逶ｮ縺ｮ豺ｱ縺輔↑繧牙ｰ代＠荳翫￡繧� |
|---|
| 787 | if(d.group % 2 == 1){
|
|---|
| 788 | updown = -(NODEHEIGHT * 0.2);
|
|---|
| 789 | }
|
|---|
| 790 | // 縺昴�蛟､繧帝ｫ倥＆縺ｫ霑斐☆縺薙→縺ｧ繝�く繧ｹ繝域緒逕ｻ菴咲ｽｮ縺御ｺ偵＞驕輔＞縺ｫ縺ｪ繧� |
|---|
| 791 | return d.y + updown;
|
|---|
| 792 | });
|
|---|
| [232] | 793 |
|
|---|
| [239] | 794 | // 蜷�Μ繝ｳ繧ｯ繝�く繧ｹ繝医↓縺､縺�※險ｭ螳壹＆繧後◆菴咲ｽｮ縺ｫ蜀肴緒逕ｻ
|
|---|
| 795 | tlink
|
|---|
| 796 | .transition()
|
|---|
| 797 | .duration(duration)
|
|---|
| 798 | .attr("x", function(d) {return (node.data()[d.source].x + node.data()[d.target].x) / 2;})
|
|---|
| 799 | .attr("y", function(d) {return ((node.data()[d.source].y + node.data()[d.target].y) / 2) + 4;});
|
|---|
| [232] | 800 |
|
|---|
| [239] | 801 | };
|
|---|
| [232] | 802 |
|
|---|
| [239] | 803 | // 蛻晏屓縺ｮ縺ｿduration繧�縺ｨ謖�ｮ壹＠蜀肴緒逕ｻ�医い繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ縺ｪ縺暦ｼ� |
|---|
| 804 | redraw(0);
|
|---|
| [232] | 805 |
|
|---|
| [239] | 806 | }else{
|
|---|
| 807 | // SVG縺ｮ蜑企勁
|
|---|
| 808 | d3.select(".SBGraph svg").remove();
|
|---|
| 809 | }
|
|---|
| 810 | };
|
|---|
| [232] | 811 |
|
|---|
| 812 |
|
|---|
| [239] | 813 | // 繝��繧ｿ菴懈�繝｡繧ｽ繝�ラ
|
|---|
| 814 | make_data = function(){
|
|---|
| [232] | 815 |
|
|---|
| [239] | 816 | // 邨先棡逕ｨ繧ｪ繝悶ず繧ｧ繧ｯ繝医ｒ蛻晄悄蛹� |
|---|
| 817 | ret = new Object();
|
|---|
| 818 | ret['nodes'] = new Array();
|
|---|
| 819 | ret['links'] = new Array();
|
|---|
| [232] | 820 |
|
|---|
| [239] | 821 | // 蜷�ｨｮ螟画焚縺ｮ蛻晄悄蛹� |
|---|
| [232] | 822 | PATHNUM = 0;
|
|---|
| 823 | MAXDEPTH = 0;
|
|---|
| 824 | TREESPACE = 0;
|
|---|
| 825 | DRAWHEIGHT = NODEHEIGHT;
|
|---|
| 826 |
|
|---|
| [239] | 827 | // 陦ｨ遉ｺ縺吶ｋ繝代せ謨ｰ
|
|---|
| [232] | 828 | var viewnum;
|
|---|
| 829 |
|
|---|
| [239] | 830 | // jsontext繧貞叙蠕� |
|---|
| [232] | 831 | var obj = jsontext;
|
|---|
| 832 |
|
|---|
| [239] | 833 | // 邨先棡繝代せ謨ｰ縺ｮ繧ｹ繧ｿ繧､繝ｫ繧偵Μ繧ｻ繝�ヨ
|
|---|
| [237] | 834 | $('.SBResult').css('color', 'black').css('font-weight', 'normal').css('margin-top', '4px');
|
|---|
| [232] | 835 |
|
|---|
| [239] | 836 | // 隍�焚蠖｢縺ｮs繧偵▽縺代ｋ
|
|---|
| [232] | 837 | $('.SBPlural').text('s');
|
|---|
| 838 |
|
|---|
| [239] | 839 | // 繝代せ縺ｮ謨ｰ縺�縺縺｣縺溘ｉ
|
|---|
| [232] | 840 | if(obj.length == 0){
|
|---|
| [239] | 841 | // 邨先棡繝代せ謨ｰ縺ｮ繧ｹ繧ｿ繧､繝ｫ繧定ｵ､縺ｮ螟ｪ蟄励↓縺鈴伜沺蜀�ｸ贋ｸ倶ｸｭ螟ｮ縺ｫ
|
|---|
| [237] | 842 | $('.SBResult').css('color', 'red').css('font-weight', 'bold').css('margin-top', '20px');
|
|---|
| [239] | 843 | // 隍�焚蠖｢縺ｮs繧貞炎髯､
|
|---|
| [232] | 844 | $('.SBPlural').text('');
|
|---|
| [239] | 845 | // 繝代せ謨ｰ縺�縺ｪ繧� |
|---|
| [232] | 846 | }else if(obj.length == 1){
|
|---|
| [239] | 847 | // 隍�焚蠖｢縺ｮs繧貞炎髯､
|
|---|
| [232] | 848 | $('.SBPlural').text('');
|
|---|
| 849 | }
|
|---|
| 850 |
|
|---|
| [239] | 851 | // 繝代せ縺ｮ謨ｰ縺悟香莉･荳九↑繧� |
|---|
| [232] | 852 | if(obj.length <= 10){
|
|---|
| [239] | 853 | // 陦ｨ遉ｺ謨ｰ繧偵ヱ繧ｹ謨ｰ縺ｫ
|
|---|
| [232] | 854 | viewnum = obj.length;
|
|---|
| [239] | 855 | // 邨先棡繝代せ謨ｰ縺ｮ繧ｹ繧ｿ繧､繝ｫ繧帝伜沺蜀�ｸ贋ｸ倶ｸｭ螟ｮ縺ｫ
|
|---|
| [237] | 856 | $('.SBResult').css('margin-top', '20px');
|
|---|
| [239] | 857 | // 蜈ｨ陦ｨ遉ｺ繝懊ち繝ｳ繧帝國縺� |
|---|
| [244] | 858 | $('.SBViewAll').hide();
|
|---|
| [239] | 859 | // 繝ｪ繝溘ャ繝医′10縺ｪ繧峨�
|
|---|
| [232] | 860 | }else if(pathlimit == 10){
|
|---|
| [239] | 861 | // 陦ｨ遉ｺ繝代せ謨ｰ繧�0縺ｫ
|
|---|
| [232] | 862 | viewnum = 10;
|
|---|
| [239] | 863 | // 蜈ｨ陦ｨ遉ｺ繝懊ち繝ｳ繧貞�縺� |
|---|
| [244] | 864 | $('.SBViewAll').show();
|
|---|
| [239] | 865 | // 繝ｪ繝溘ャ繝医′縺ｪ縺代ｌ縺ｰ
|
|---|
| [232] | 866 | }else{
|
|---|
| [239] | 867 | // 陦ｨ遉ｺ繝代せ謨ｰ繧貞�繝代せ謨ｰ縺ｫ
|
|---|
| [232] | 868 | viewnum = obj.length;
|
|---|
| [239] | 869 | // 邨先棡繝代せ謨ｰ縺ｮ繧ｹ繧ｿ繧､繝ｫ繧帝伜沺蜀�ｸ贋ｸ倶ｸｭ螟ｮ縺ｫ
|
|---|
| [237] | 870 | $('.SBResult').css('margin-top', '20px');
|
|---|
| [239] | 871 | // 蜈ｨ陦ｨ遉ｺ繝懊ち繝ｳ繧帝國縺� |
|---|
| [244] | 872 | $('.SBViewAll').hide();
|
|---|
| [232] | 873 | }
|
|---|
| 874 |
|
|---|
| [239] | 875 | // 邨先棡繝代せ謨ｰ縺ｮ蛟､繧呈峩譁ｰ
|
|---|
| [232] | 876 | $('.SBPathnum').text(obj.length);
|
|---|
| [239] | 877 | // 邨先棡繝代せ謨ｰ繧定｡ｨ遉ｺ
|
|---|
| [232] | 878 | $('.SBResult').show();
|
|---|
| 879 |
|
|---|
| [239] | 880 | // obj繝医ャ繝鈴嚴螻､縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 881 | for(var i = 0; i < viewnum; i++){
|
|---|
| 882 | if(i == 0){
|
|---|
| 883 | // 蛻晏屓縺縺代Ν繝ｼ繝医ヮ繝ｼ繝峨ｒ繝励ャ繧ｷ繝･
|
|---|
| 884 | ret['nodes'].push({'name': obj[0]['label'], 'uri': obj[0]['startClass'], 'group': 0, 'x':50, 'y':50, 'nodeid':ret['nodes'].length, 'path': 'notend', 'nodecolor': 'hsl(40, 50%, 75%)'});
|
|---|
| 885 | }
|
|---|
| 886 | // 蜈医↓source縺ｫ0�医Ν繝ｼ繝茨ｼ峨ｒ莉｣蜈･
|
|---|
| 887 | var source = 0;
|
|---|
| 888 | // 蜈ｱ騾壹Ν繝ｼ繝亥愛螳壹ｒtrue縺ｫ
|
|---|
| 889 | var isCommon = true;
|
|---|
| [232] | 890 |
|
|---|
| [239] | 891 | // 縺薙�繝代せ縺ｮ繧ｹ繧ｳ繧｢繧貞叙蠕� |
|---|
| 892 | var score = obj[i]['score'];
|
|---|
| [232] | 893 |
|
|---|
| [239] | 894 | // classLinks縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 895 | for(var j = 0;j < obj[i]['classLinks'].length; j++){
|
|---|
| [232] | 896 |
|
|---|
| [239] | 897 | // 繝ｪ繝ｳ繧ｯ縺ｮ蜷榊燕繧旦RL譛ｫ蟆ｾ縺九ｉ蜿門ｾ� |
|---|
| 898 | var propertytext = obj[i]['classLinks'][j]['predicate'];
|
|---|
| 899 | var propertysplit1 = propertytext.split("/");
|
|---|
| 900 | var propertysplit2 = propertysplit1[propertysplit1.length - 1];
|
|---|
| 901 | var propertysplit3 = propertysplit2.split("#");
|
|---|
| 902 | propertytext = propertysplit3[propertysplit3.length - 1];
|
|---|
| [232] | 903 |
|
|---|
| [239] | 904 | // 豺ｱ縺輔′譛螟ｧ繧医ｊ螟ｧ縺阪￠繧後�譖ｴ譁ｰ
|
|---|
| 905 | if(MAXDEPTH < j+1){
|
|---|
| 906 | MAXDEPTH = j+1;
|
|---|
| 907 | }
|
|---|
| 908 | // 縺薙％縺ｾ縺ｧ蜈ｱ騾壹Ν繝ｼ繝医↑繧� |
|---|
| 909 | if(isCommon){
|
|---|
| 910 | // 莉雁屓繧ょ�騾壹°遒ｺ隱阪☆繧九◆繧√�繝輔Λ繧ｰ
|
|---|
| 911 | var isCommonNow = false;
|
|---|
| 912 | // nodes驟榊�縺ｫ蜷後§linkedClass縺梧里縺ｫ縺ゅｋ縺狗｢ｺ隱� |
|---|
| 913 | var targets = [];
|
|---|
| 914 | for(var k = 0; k < ret['nodes'].length; k++){
|
|---|
| 915 | // 蜷碁嚴螻､縺九▽蜷後§蜷榊燕縺ｮ繧ゅ�縺後≠縺｣縺溘ｉtargets驟榊�縺ｫ逡ｪ蜿ｷ繧定ｿｽ蜉
|
|---|
| 916 | if(ret['nodes'][k]['group'] == (j+1) && obj[i]['classLinks'][j]['linkedClass'] == ret['nodes'][k]['uri']){
|
|---|
| 917 | targets.push(k);
|
|---|
| 918 | }
|
|---|
| 919 | }
|
|---|
| [232] | 920 |
|
|---|
| [239] | 921 | // 譌｢縺ｫ縺ゅ▲縺溷ｴ蜷医�links驟榊�縺ｫ蜷後§link縺悟ｭ伜惠縺吶ｋ縺狗｢ｺ隱� |
|---|
| 922 | if(targets.length != 0){
|
|---|
| 923 | // 蜈医⊇縺ｩ隕九▽縺代◆targets縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 924 | for(var l = 0; l <targets.length; l++){
|
|---|
| 925 | // links驟榊�縺ｫ蜈ｨ縺丞酔縺俶擅莉ｶ縺ｮ繧ゅ�縺後≠繧九°遒ｺ隱� |
|---|
| 926 | for(var m = 0; m < ret['links'].length; m++){
|
|---|
| 927 | // 縺ゅ▲縺溷ｴ蜷井ｻ雁屓縺ｮ繧ゅ�縺ｯ霑ｽ蜉縺帙★source繧呈峩譁ｰ縺励※谺｡縺ｸ
|
|---|
| 928 | if(ret['links'][m]['source'] == source && ret['links'][m]['target'] == targets[l] && ret['links'][m]['uri'] == obj[i]['classLinks'][j]['predicate'] && !isCommonNow){
|
|---|
| 929 | // 蜈ｱ騾壹Ν繝ｼ繝医ヵ繝ｩ繧ｰ繧偵が繝ｳ
|
|---|
| 930 | isCommonNow = true;
|
|---|
| 931 | source = targets[l];
|
|---|
| 932 | }
|
|---|
| 933 | }
|
|---|
| 934 | }
|
|---|
| [232] | 935 |
|
|---|
| [239] | 936 | // 蜷дarget繧堤｢ｺ隱阪＠縺ｦ蜈ｱ騾壹Ν繝ｼ繝医〒縺ｯ縺ｪ縺九▲縺溷ｴ蜷域眠隕剰ｿｽ蜉
|
|---|
| 937 | if(!isCommonNow){
|
|---|
| 938 | isCommon = false;
|
|---|
| 939 | ret['nodes'].push({'name': obj[i]['classLinks'][j]['label'], 'uri': obj[i]['classLinks'][j]['linkedClass'], 'group': (j+1), 'x':0, 'y':0, 'nodeid':ret['nodes'].length, 'path': 'notend', 'nodecolor': '#cccccc'});
|
|---|
| 940 | ret['links'].push({'source':source, 'target':ret['nodes'].length - 1, 'property': propertytext, 'uri': obj[i]['classLinks'][j]['predicate']});
|
|---|
| 941 | source = ret['nodes'].length - 1;
|
|---|
| 942 | }
|
|---|
| [232] | 943 |
|
|---|
| [239] | 944 | // 縺ｪ縺九▲縺溷ｴ蜷医�蛻･譚｡莉ｶ縺ｪ縺ｮ縺ｧ譁ｰ隕剰ｿｽ蜉縺励※谺｡縺ｸ
|
|---|
| 945 | }else{
|
|---|
| [232] | 946 |
|
|---|
| [239] | 947 | isCommon = false;
|
|---|
| 948 | ret['nodes'].push({'name': obj[i]['classLinks'][j]['label'], 'uri': obj[i]['classLinks'][j]['linkedClass'], 'group': (j+1), 'x':0, 'y':0, 'nodeid':ret['nodes'].length, 'path': 'notend', 'nodecolor': '#cccccc'});
|
|---|
| 949 | ret['links'].push({'source':source, 'target':ret['nodes'].length - 1, 'property': propertytext, 'uri': obj[i]['classLinks'][j]['predicate']});
|
|---|
| 950 | source = ret['nodes'].length - 1;
|
|---|
| 951 | }
|
|---|
| 952 | // 譌｢縺ｫ蜈ｱ騾壹Ν繝ｼ繝医〒縺ｪ縺�↑繧画眠隕剰ｿｽ蜉縺励※谺｡縺ｸ
|
|---|
| 953 | }else{
|
|---|
| 954 | ret['nodes'].push({'name': obj[i]['classLinks'][j]['label'], 'uri': obj[i]['classLinks'][j]['linkedClass'], 'group': (j+1), 'x':0, 'y':0, 'nodeid':ret['nodes'].length, 'path': 'notend', 'nodecolor': '#cccccc'});
|
|---|
| 955 | ret['links'].push({'source':source, 'target':ret['nodes'].length - 1, 'property': propertytext, 'uri': obj[i]['classLinks'][j]['predicate']});
|
|---|
| 956 | source = ret['nodes'].length - 1;
|
|---|
| 957 | }
|
|---|
| [232] | 958 |
|
|---|
| [239] | 959 | }
|
|---|
| 960 | // 譛蠕鯉ｼ域忰遶ｯ繝弱�繝会ｼ峨↓蜷�ｨｮ蛟､繧定ｿｽ蜉
|
|---|
| 961 | ret['nodes'][ret['nodes'].length - 1]['path'] = obj[i];
|
|---|
| 962 | ret['nodes'][ret['nodes'].length - 1]['score'] = score;
|
|---|
| 963 | ret['nodes'][ret['nodes'].length - 1]['nodecolor'] = 'hsl(150, 50%, 75%)';
|
|---|
| 964 | // 繝代せ謨ｰ繧定ｿｽ蜉
|
|---|
| 965 | PATHNUM++;
|
|---|
| 966 | }
|
|---|
| 967 | // 繝弱�繝蛾俣縺ｮ繧ｹ繝壹�繧ｹ繧定ｨ育ｮ� |
|---|
| 968 | TREESPACE = $('.SBGraph').width() / (MAXDEPTH + 1);
|
|---|
| [232] | 969 |
|
|---|
| [239] | 970 | // 縺ｧ縺阪◆邨先棡繧定ｿ斐☆
|
|---|
| 971 | return ret;
|
|---|
| [232] | 972 | };
|
|---|
| 973 |
|
|---|
| 974 | set_map_location = function(myNodeIndex, nodes, links, depth, fromAngle, toAngle){
|
|---|
| 975 |
|
|---|
| 976 | // depth縺梧悴螳夂ｾｩ縺ｪ繧峨�0繧偵そ繝�ヨ
|
|---|
| 977 | if (depth == undefined){
|
|---|
| 978 | depth = 0;
|
|---|
| 979 | }
|
|---|
| 980 |
|
|---|
| 981 | // 蜷�ｨｮ蛻晄悄蛹� |
|---|
| 982 | var children = undefined;
|
|---|
| 983 | var parent = undefined;
|
|---|
| 984 | var parentsChildren = undefined;
|
|---|
| 985 |
|
|---|
| 986 | // links驟榊�縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 987 | for (var i=0; i<links.length; i++){
|
|---|
| 988 | // 縺昴�links縺ｮtarget縺稽yNodeIndex縺ｪ繧英arent繧偵そ繝�ヨ
|
|---|
| 989 | if (links[i].target == myNodeIndex){
|
|---|
| 990 | parent = links[i].source;
|
|---|
| 991 | }
|
|---|
| 992 | }
|
|---|
| 993 |
|
|---|
| 994 | // parent縺瑚ｦ九▽縺九▲縺ｦ縺�◆縺ｪ繧峨�
|
|---|
| 995 | if (parent != undefined){
|
|---|
| 996 | // parent縺ｨlinks繧呈ｸ｡縺揚et_children繝｡繧ｽ繝�ラ繧貞ｮ溯｡� |
|---|
| 997 | parentsChildren = get_children(parent, links);
|
|---|
| 998 | }
|
|---|
| 999 |
|
|---|
| 1000 | if(myNodeIndex != 0){
|
|---|
| 1001 | DRAWHEIGHT += (NODEHEIGHT * 1.5);
|
|---|
| 1002 | var x = (depth * TREESPACE) + (TREESPACE / 3);
|
|---|
| 1003 | var y = DRAWHEIGHT;
|
|---|
| 1004 | nodes[myNodeIndex].x = x;
|
|---|
| 1005 | nodes[myNodeIndex].y = y;
|
|---|
| 1006 | }else{
|
|---|
| 1007 | var x = TREESPACE / 3;
|
|---|
| 1008 | var y = (NODEHEIGHT * 1.5) * ((PATHNUM - 1) / 2) + NODEHEIGHT;
|
|---|
| 1009 | nodes[myNodeIndex].x = x;
|
|---|
| 1010 | nodes[myNodeIndex].y = y;
|
|---|
| 1011 | }
|
|---|
| 1012 |
|
|---|
| 1013 | children = get_children(myNodeIndex, links);
|
|---|
| 1014 |
|
|---|
| 1015 | for (var i=0; i<children.length; i++){
|
|---|
| 1016 | if(i == 0){
|
|---|
| 1017 | DRAWHEIGHT -= (NODEHEIGHT * 1.5);
|
|---|
| 1018 | }
|
|---|
| 1019 | var child = children[i];
|
|---|
| 1020 | set_map_location(child, nodes, links, depth+1, fromAngle + ((toAngle - fromAngle) / children.length) * i, fromAngle + ((toAngle - fromAngle) / children.length) * (i+1));
|
|---|
| 1021 | }
|
|---|
| 1022 |
|
|---|
| 1023 | };
|
|---|
| 1024 |
|
|---|
| 1025 | // 謖�ｮ壹＆繧後◆隕ｪ縺梧戟縺､蟄舌ｒ霑斐☆
|
|---|
| 1026 | get_children = function(index, links){
|
|---|
| 1027 | var children = new Array();
|
|---|
| 1028 | // links縺ｮ謨ｰ縺縺醍｢ｺ隱阪＠縺ｪ縺後ｉ
|
|---|
| 1029 | for (var i=0; i<links.length; i++){
|
|---|
| 1030 | // 隕ｪ縺梧ｸ｡縺輔ｌ縺溯ｦｪ縺ｨ荳閾ｴ縺吶ｋ譎ゅ�蟄舌ｒ霑ｽ蜉
|
|---|
| 1031 | if (links[i].source == index){
|
|---|
| 1032 | children.push(links[i].target);
|
|---|
| 1033 | }
|
|---|
| 1034 | }
|
|---|
| 1035 | return children;
|
|---|
| 1036 | };
|
|---|
