MediaWiki:Lipoquality.js - Revision history

Jcblmaster at 02:57, 23 March 2020

2020-03-23T02:57:13Z

← Older revision		Revision as of 11:57, 23 March 2020
Line 1:		Line 1:
	// Last-Update: 2020/02/06		// Last-Update: 2020/03/23
	// html /////////////////////////////////////////////////////////////////////////////////////////////////////////		// html /////////////////////////////////////////////////////////////////////////////////////////////////////////
	// <span id="search"></span><span id="show"></span>		// <span id="search"></span><span id="show"></span>
Line 169:		Line 169:
	}		}
	chain = chain.replace(/^\(/g,"");		chain = chain.replace(/^\(/g,"");
	chain = chain.replace(/\)$/g,"");		chain = chain.replace(/[_]/g,"/");
	chain = chain.replace(/[_)(]/g,"/");		if(lipidClass.indexOf("Cer-") < 0){
			// chain = chain.replace(/\)$/g,"");
			chain = chain.replace(/[)(]/g,"/");
			}
	chain = chain.replace(/\/\//g,"/");		chain = chain.replace(/\/\//g,"/");
	if(chart == "c" && chain.length > 0){		if(chart == "c" && chain.length > 0){

Jcblmaster at 01:39, 23 March 2020

2020-03-23T01:39:57Z

Show changes

Jcblmaster at 06:49, 25 October 2018

2018-10-25T06:49:43Z

← Older revision		Revision as of 15:49, 25 October 2018
Line 1:		Line 1:
	// Last-Update: 2018/08/01		// Last-Update: 2018/10/11
	// html /////////////////////////////////////////////////////////////////////////////////////////////////////////		// html /////////////////////////////////////////////////////////////////////////////////////////////////////////
	// <span id="search"></span><span id="show"></span>		// <span id="search"></span><span id="show"></span>
Line 86:		Line 86:
	var chart = "";		var chart = "";
	var species = "";		var species = "";
			var sampleName = "";
	// パラメータの取得		// パラメータの取得
	// ss = SampleSource - デフォルトはAll		// ss = SampleSource - デフォルトはAll
Line 109:		Line 110:
	} else if(name == "sp"){ // species		} else if(name == "sp"){ // species
	species = value;		species = value;

			} else if(name == "sn"){ // sample name
			sampleName = value;
			}
			}
			// speciesが指定された場合、対象データ以外を削除する ///////////
			if(species.length > 0){
			var spReg = new RegExp(translateForReg(species), "i");
			for(key in gAllData){
			if(!spReg.test(key)){ // speciesが合致するか
			delete gAllData[key];
			}
	}		}
	}		}
			////////////////////////////////////////////////////////////////
	var index = lipidClass.indexOf(" ");		var index = lipidClass.indexOf(" ");
	if(index > 0){		if(index > 0){
Line 125:		Line 139:
	// lipidclass基準の棒グラフを表示		// lipidclass基準の棒グラフを表示
	selectCombobox([sampleSource, sampleType, lipidClass]);		selectCombobox([sampleSource, sampleType, lipidClass]);
	var result = retrieveChainData(~~species~~, sampleSource, sampleType, lipidClass, chain);		var result = retrieveChainData(sampleName, sampleSource, sampleType, lipidClass, chain); // speciesからsamplenameに変更
	if(result.x.length > 0){		if(result.x.length > 0){
	showChainChart(result);		showChainChart(result);

Jcblmaster at 04:39, 1 August 2018

2018-08-01T04:39:23Z

← Older revision		Revision as of 13:39, 1 August 2018
Line 1:		Line 1:
			// Last-Update: 2018/08/01
	// html /////////////////////////////////////////////////////////////////////////////////////////////////////////		// html /////////////////////////////////////////////////////////////////////////////////////////////////////////
	// <span id="search"></span><span id="show"></span>		// <span id="search"></span><span id="show"></span>
Line 84:		Line 85:
	var chain = "";		var chain = "";
	var chart = "";		var chart = "";
			var species = "";
	// パラメータの取得		// パラメータの取得
	// ss = SampleSource - デフォルトはAll		// ss = SampleSource - デフォルトはAll
Line 104:		Line 106:
	} else if(name == "ct"){ // lipid chain		} else if(name == "ct"){ // lipid chain
	chart = value;		chart = value;

			} else if(name == "sp"){ // species
			species = value;
	}		}
	}		}
Line 120:		Line 125:
	// lipidclass基準の棒グラフを表示		// lipidclass基準の棒グラフを表示
	selectCombobox([sampleSource, sampleType, lipidClass]);		selectCombobox([sampleSource, sampleType, lipidClass]);
	var result = retrieveChainData(sampleSource, sampleType, lipidClass, chain);		var result = retrieveChainData(species, sampleSource, sampleType, lipidClass, chain);
	if(result.x.length > 0){		if(result.x.length > 0){
	showChainChart(result);		showChainChart(result);

Jcblmaster at 02:19, 1 December 2017

2017-12-01T02:19:32Z

Show changes

Jcblmaster at 05:50, 26 October 2016

2016-10-26T05:50:47Z

← Older revision		Revision as of 14:50, 26 October 2016
Line 5:		Line 5:
	// 　必ずzoomOutするよう修正		// 　必ずzoomOutするよう修正
	// ・画像出力できるよう修正		// ・画像出力できるよう修正
			// ・画像出力時、X軸がおかしくなるバグを修正
	// 2016/10/18 ・highchartsの仕様が変わったようで、setDataやズームをするとX軸がおかしくなるので、		// 2016/10/18 ・highchartsの仕様が変わったようで、setDataやズームをするとX軸がおかしくなるので、
	// 　setCategoriesを使用して対処		// 　setCategoriesを使用して対処
Line 377:		Line 378:
	var not0 = false;		var not0 = false;
	for(var i = 0; i < chart.length; i ++){		for(var i = 0; i < chart.length; i ++){
	if(chart[i].data[j] >= cutoff){		if(chart[i].data[j][1] >= cutoff){
	not0 = true;		not0 = true;
	break;		break;
Line 391:		Line 392:
	for(var k = 0,l = 0; k < chart[j].data.length; k ++){		for(var k = 0,l = 0; k < chart[j].data.length; k ++){
	if(target[k]){		if(target[k]){
	data[i] = chart[j].data[k];		data[i] = [chart[j].xLabels[k], chart[j].data[k][1]];
	xLabels[i++] = chart[j].xLabels[k];		xLabels[i++] = chart[j].xLabels[k];
	}		}
Line 494:		Line 495:
	for(var j = 0; j < result[0].map[i].data.length; j ++){		for(var j = 0; j < result[0].map[i].data.length; j ++){
	// data[j] = [attrEscape(result[0].x[j]), attrEscape(result[0].map[i].data[j][0] * 100 / result[0].map[i].max)];		// data[j] = [attrEscape(result[0].x[j]), attrEscape(result[0].map[i].data[j][0] * 100 / result[0].map[i].max)];
	data[j] = attrEscape(result[0].map[i].data[j][0] * 100 / result[0].map[i].max);		data[j] = [attrEscape(result[0].x[j]), attrEscape(result[0].map[i].data[j][0] * 100 / result[0].map[i].max)];
	xLabels[j] = attrEscape(result[0].x[j]);		xLabels[j] = attrEscape(result[0].x[j]);
	// gBarData[i][j] = inchiEscape(result[0].map[i].data[j][2]); // InChIキー		// gBarData[i][j] = inchiEscape(result[0].map[i].data[j][2]); // InChIキー

Jcblmaster at 04:09, 26 October 2016

2016-10-26T04:09:59Z

← Older revision		Revision as of 13:09, 26 October 2016
Line 2:		Line 2:
	// <span id="search"></span><span id="show"></span>		// <span id="search"></span><span id="show"></span>
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////////		/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	// 2016/10/~~18 highchartsの仕様が変わったようで、setDataやズームをするとX軸がおかしくなるので、~~		// 2016/10/26 ・ヒートマップを拡大した状態でsetDataするとおかしな挙動になるため
	// ~~setCategoriesを使用して対処~~		// 　必ずzoomOutするよう修正
	// ~~更にheatmpaもズームした状態で、on~~/~~offを切り替えるとおかしくなる模様~~		// ・画像出力できるよう修正
			// 2016/10/18 ・highchartsの仕様が変わったようで、setDataやズームをするとX軸がおかしくなるので、
			// 　setCategoriesを使用して対処
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////////		/////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Line 23:		Line 25:
	heatmapJS.src = "https://code.highcharts.com/modules/heatmap.js";		heatmapJS.src = "https://code.highcharts.com/modules/heatmap.js";
	document.getElementsByTagName("head")[0].appendChild(heatmapJS);		document.getElementsByTagName("head")[0].appendChild(heatmapJS);
			var exportingJS = document.createElement("script");
			exportingJS.src = "https://code.highcharts.com/modules/exporting.js";
			document.getElementsByTagName("head")[0].appendChild(exportingJS);

	var searchButton = document.createElement("input");		var searchButton = document.createElement("input");
Line 714:		Line 719:
	}		}
	yLabels.reverse();		yLabels.reverse();
			chart[index].zoomOut();
	chart[index].series[0].setData(data, true);		chart[index].series[0].setData(data, true);
	chart[index].yAxis[0].setCategories(yLabels);		chart[index].yAxis[0].setCategories(yLabels);

Jcblmaster at 03:51, 25 October 2016

2016-10-25T03:51:58Z

← Older revision		Revision as of 12:51, 25 October 2016
Line 1:		Line 1:
	// html /////////////////////////////////////////////////////////////////////////////////////////////////////////		// html /////////////////////////////////////////////////////////////////////////////////////////////////////////
	// <span id="search"></span><span id="show"></span>		// <span id="search"></span><span id="show"></span>
			/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
			// 2016/10/18 highchartsの仕様が変わったようで、setDataやズームをするとX軸がおかしくなるので、
			// setCategoriesを使用して対処
			// 更にheatmpaもズームした状態で、on/offを切り替えるとおかしくなる模様
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////////		/////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Line 365:		Line 369:
	var target = [];		var target = [];
	var cutoff = parseInt(document.getElementById("cutoffValue").value);		var cutoff = parseInt(document.getElementById("cutoffValue").value);
	~~var xLabels = [];~~
	for(var j = 0; j < chart[0].data.length; j ++){		for(var j = 0; j < chart[0].data.length; j ++){
	var not0 = false;		var not0 = false;
	for(var i = 0; i < chart.length; i ++){		for(var i = 0; i < chart.length; i ++){
	if(chart[i].data[j~~][1~~] >= cutoff){		if(chart[i].data[j] >= cutoff){
	not0 = true;		not0 = true;
	break;		break;
Line 380:		Line 383:
	var i = 0;		var i = 0;
	var data = [];		var data = [];
			var xLabels = [];
	for(var k = 0,l = 0; k < chart[j].data.length; k ++){		for(var k = 0,l = 0; k < chart[j].data.length; k ++){
	if(target[k]){		if(target[k]){
	data[i++] = chart[j].~~data~~[k];		data[i] = chart[j].data[k];
			xLabels[i++] = chart[j].xLabels[k];
	}		}
	}		}
			chart[j].xAxis[0].categories = xLabels;
	chart[j].series[0].setData(data, true);		chart[j].series[0].setData(data, true);
	}		}
Line 480:		Line 486:
	// データの整理		// データの整理
	var data = [];		var data = [];
			var xLabels = [];
	for(var j = 0; j < result[0].map[i].data.length; j ++){		for(var j = 0; j < result[0].map[i].data.length; j ++){
	data[j] = [attrEscape(result[0].x[j]), attrEscape(result[0].map[i].data[j][0] * 100 / result[0].map[i].max)];		// data[j] = [attrEscape(result[0].x[j]), attrEscape(result[0].map[i].data[j][0] * 100 / result[0].map[i].max)];
			data[j] = attrEscape(result[0].map[i].data[j][0] * 100 / result[0].map[i].max);
			xLabels[j] = attrEscape(result[0].x[j]);
	// gBarData[i][j] = inchiEscape(result[0].map[i].data[j][2]); // InChIキー		// gBarData[i][j] = inchiEscape(result[0].map[i].data[j][2]); // InChIキー
	var type = result[0].map[i].title.replace(/.*\//,"");		var type = result[0].map[i].title.replace(/.*\//,"");
Line 570:		Line 579:
	}]		}]
	});		});
	chart[i].data = data;		chart[i].xAxis[0].categories = xLabels;
			chart[i].data = data;
			chart[i].xLabels = xLabels;

	// piechartの追加		// piechartの追加

Jcblmaster at 05:50, 4 October 2016

2016-10-04T05:50:26Z

← Older revision		Revision as of 14:50, 4 October 2016
Line 152:		Line 152:
	var type = document.getElementById("lipidclass").value;		var type = document.getElementById("lipidclass").value;

	var url = 'https://script.google.com/macros/s/~~AKfycbwnSskrJWOPYksPyPqL5zHhGQxqeRpHhxt6ZzfaH~~-~~OCoMbG_w51~~/exec?classification=' + classification + '&sample=' + sample + '&type=' + type + '&q=search&callback=hasSearched';		var url = 'https://script.google.com/macros/s/AKfycbxvE5drMaHS7jFjrPFWOuTxxRRKUUsCfxElslXnkSzk_LeqI-OT/exec?classification=' + classification + '&sample=' + sample + '&type=' + type + '&q=search&callback=hasSearched';
	// var url = '/lipo/json.txt'		// var url = '/lipo/json.txt'

Line 183:		Line 183:
	lenmax = result[i].title.length;		lenmax = result[i].title.length;
	}		}
			lenmax += 6; // "(meta)"分
	lenmax /= 1.5;		lenmax /= 1.5;
	for(var i = 0; i < result.length; i ++){		for(var i = 0; i < result.length; i ++){
Line 201:		Line 202:
	var title = document.createElement('label');		var title = document.createElement('label');
	title.setAttribute('for', attrEscape(result[i].title));		title.setAttribute('for', attrEscape(result[i].title));
	title.innerHTML = escape(result[i].title);		title.innerHTML = escape(result[i].title) + ' <a href="' + result[i].meta["Method link"] + '" target="_blank">(meta)</a>';
	span.appendChild(title);		span.appendChild(title);

Line 262:		Line 263:
	for(var i = sortableList.childNodes.length-1; i >= 0; i --)		for(var i = sortableList.childNodes.length-1; i >= 0; i --)
	sortableList.removeChild(sortableList.childNodes[i]);		sortableList.removeChild(sortableList.childNodes[i]);
			var rateDiv = document.getElementById("rate");
			for(var i = rateDiv.childNodes.length-1; i >= 0; i --)
			rateDiv.removeChild(rateDiv.childNodes[i]);

	var chartType;		var chartType;
Line 274:		Line 278:
	function retrieveChartData(targets, chartType)		function retrieveChartData(targets, chartType)
	{		{
	var url = 'https://script.google.com/macros/s/~~AKfycbwnSskrJWOPYksPyPqL5zHhGQxqeRpHhxt6ZzfaH~~-~~OCoMbG_w51~~/exec?id=' + targets + '&type=' + chartType + '&q=data&callback=hasRetrieved';		var url = 'https://script.google.com/macros/s/AKfycbxvE5drMaHS7jFjrPFWOuTxxRRKUUsCfxElslXnkSzk_LeqI-OT/exec?id=' + targets + '&type=' + chartType + '&q=data&callback=hasRetrieved';
	//var url = '/lipo/data.php?id=' + targets + '&type=' + chartType + '&q=data';		//var url = '/lipo/data.php?id=' + targets + '&type=' + chartType + '&q=data';

Line 477:		Line 481:
	var data = [];		var data = [];
	for(var j = 0; j < result[0].map[i].data.length; j ++){		for(var j = 0; j < result[0].map[i].data.length; j ++){
	data[j] = [attrEscape(result[0].x[j]), attrEscape(result[0].map[i].data[j][0])];		data[j] = [attrEscape(result[0].x[j]), attrEscape(result[0].map[i].data[j][0] * 100 / result[0].map[i].max)];
	// gBarData[i][j] = inchiEscape(result[0].map[i].data[j][2]); // InChIキー		// gBarData[i][j] = inchiEscape(result[0].map[i].data[j][2]); // InChIキー
	var type = result[0].map[i].title.replace(/.*\//,"");		var type = result[0].map[i].title.replace(/.*\//,"");
Line 675:		Line 679:
	chart[index].inchi = [];		chart[index].inchi = [];
	i = 0;		i = 0;
			// 表示されている中での最大値を取得する
			var maxOfDisplayedAll = 0;
	for(var j = 0; j < seq.length && j < length; j ++){		for(var j = 0; j < seq.length && j < length; j ++){
			if(maxOfDisplayedAll < gHeatmapData[index].map[seq[j]].max)
			maxOfDisplayedAll = gHeatmapData[index].map[seq[j]].max;
			}
			var max = 0;
			for(var j = 0; j < seq.length && j < length; j ++){
			if(document.getElementById("eachInRate").checked)
			max = gHeatmapData[index].map[seq[j]].max;
			else
			max = maxOfDisplayedAll;
			// max = gHeatmapData[index].maxOfAll; // 常に全ての最大値を基準にする場合はこちらを使う
	chart[index].inchi[j] = [];		chart[index].inchi[j] = [];
	for(var k = 0,l = 0; k < gHeatmapData[index].map[seq[j]].data.length; k ++){		for(var k = 0,l = 0; k < gHeatmapData[index].map[seq[j]].data.length; k ++){
	if(target[k]){		if(target[k]){
	data[i] = [l++, seq.length-j-1, attrEscape(gHeatmapData[index].map[seq[j]].data[k][0])];		data[i] = [l++, seq.length-j-1, attrEscape(gHeatmapData[index].map[seq[j]].data[k][0] * 100 / max)];
	chart[index].inchi[j][k] = inchiEscape(gHeatmapData[index].map[seq[j]].data[k][2]);		chart[index].inchi[j][k] = inchiEscape(gHeatmapData[index].map[seq[j]].data[k][2]);
	i ++;		i ++;
Line 717:		Line 733:
	inchi[j] = [];		inchi[j] = [];
	for(var k = 0; k < result[i].map[j].data.length; k ++){		for(var k = 0; k < result[i].map[j].data.length; k ++){
	data[index] = [k, length-j-1, attrEscape(result[i].map[j].data[k][0])];		data[index] = [k, length-j-1, attrEscape(result[i].map[j].data[k][0] * 100 / result[i].map[j].max)];
			// data[index] = [k, length-j-1, attrEscape(result[i].map[j].data[k][0] * 100 / result[i].maxOfAll)];
	inchi[j][k] = inchiEscape(result[i].map[j].data[k][2]);		inchi[j][k] = inchiEscape(result[i].map[j].data[k][2]);
	index ++;		index ++;
Line 784:		Line 801:
	});		});
	$('#sortableList').sortable(false);		$('#sortableList').sortable(false);

			// それぞれのレート/全体でのレート
			var rateCbox = document.createElement("input");
			rateCbox.setAttribute("type", "checkbox");
			rateCbox.setAttribute("checked", "yes");
			rateCbox.id = "eachInRate";
			rateCbox.onchange = function(e){
			// rateの切り替え
			var index = 0; // つであると仮定するので、複数ある場合は修正が必要なことに注意
			var sortableList = document.getElementById("sortableList" + index);
			var sequence = [];
			for(var i = 0, j = 0; i < sortableList.childNodes.length; i ++){
			if(sortableList.childNodes[i].childNodes[0].checked)
			sequence[j++] = sortableList.childNodes[i].childNodes[0].getAttribute("seq");
			}
			setHeatmapData(index, sequence);
			};
			var label = document.createElement("label");
			label.setAttribute("for", "eachInRate");
			label.innerHTML = "Each in rate";
			document.getElementById("rate").appendChild(rateCbox);
			document.getElementById("rate").appendChild(label);

	// ヒートマップ		// ヒートマップ

Jcblmaster at 06:09, 20 July 2016

2016-07-20T06:09:22Z

Show changes