MediaWiki:LipoqualityChart.js - Revision history

Jcblmaster at 02:21, 23 March 2020

2020-03-23T02:21:08Z

← Older revision		Revision as of 11:21, 23 March 2020
Line 1:		Line 1:
	// Last-Update: 2020/02/06		// Last-Update: 2020/03/23
	// 定数		// 定数
	const DEFAULT_BAR_COLOR = "#7cb5ec";		const DEFAULT_BAR_COLOR = "#7cb5ec";
Line 805:		Line 805:
	for(var i = 0; i < sortableList.childNodes.length; i ++){		for(var i = 0; i < sortableList.childNodes.length; i ++){
	var w = sortableList.childNodes[i].childNodes[1].innerHTML.replace(/^[0-9]+./,"").split(" / ");		var w = sortableList.childNodes[i].childNodes[1].innerHTML.replace(/^[0-9]+./,"").split(" / ");
	targets.push(w[0] + " / " + w[1] + " / " + nextType + " / " + w[2]);		// targets.push(w[0] + " / " + w[1] + " / " + nextType + " / " + w[2]);
			targets.push(w[0] + " / " + w[1] + " / " + nextType + " / " + w[3]);
	}		}
	showChart(targets);		showChart(targets);

Jcblmaster at 01:42, 23 March 2020

2020-03-23T01:42:54Z

Show changes

Jcblmaster at 05:51, 20 January 2020

2020-01-20T05:51:54Z

← Older revision		Revision as of 14:51, 20 January 2020
Line 247:		Line 247:
	line.appendChild(label);		line.appendChild(label);
	sortableList.appendChild(line);		sortableList.appendChild(line);
	}/*		}
			$('#sortableList').sortable("disable");
			/*
	$('#sortableList').sortable({		$('#sortableList').sortable({
	cursor: 'move',		cursor: 'move',
Line 561:		Line 563:
	sortableList.appendChild(line);		sortableList.appendChild(line);
	}		}
			$('#sortableList').sortable("enable");
	$('#sortableList').sortable({		$('#sortableList').sortable({
	cursor: 'move',		cursor: 'move',

Jcblmaster at 04:54, 20 January 2020

2020-01-20T04:54:02Z

← Older revision		Revision as of 13:54, 20 January 2020
Line 515:		Line 515:
	function showBarChart(result)		function showBarChart(result)
	{		{
			console.log(result);
	function computeTickInterval(xMin, xMax)		function computeTickInterval(xMin, xMax)
	{		{
Line 556:		Line 557:
	var label = document.createElement("label");		var label = document.createElement("label");
	label.setAttribute("for", "item" + i);		label.setAttribute("for", "item" + i);
	~~console.log(result[0].map[i].title);~~
	label.innerHTML = (i+1) + "." + escape(result[0].map[i].title);		label.innerHTML = (i+1) + "." + escape(result[0].map[i].title);
	line.appendChild(label);		line.appendChild(label);

Jcblmaster at 04:52, 20 January 2020

2020-01-20T04:52:51Z

← Older revision		Revision as of 13:52, 20 January 2020
Line 556:		Line 556:
	var label = document.createElement("label");		var label = document.createElement("label");
	label.setAttribute("for", "item" + i);		label.setAttribute("for", "item" + i);
			console.log(result[0].map[i].title);
	label.innerHTML = (i+1) + "." + escape(result[0].map[i].title);		label.innerHTML = (i+1) + "." + escape(result[0].map[i].title);
	line.appendChild(label);		line.appendChild(label);

Jcblmaster at 04:43, 20 January 2020

2020-01-20T04:43:04Z

← Older revision		Revision as of 13:43, 20 January 2020
Line 1:		Line 1:
	// Last-Update: 2020/01/07		// Last-Update: 2020/01/20
	// 定数		// 定数
	const DEFAULT_BAR_COLOR = "#7cb5ec";		const DEFAULT_BAR_COLOR = "#7cb5ec";
Line 327:		Line 327:
	gBarData[i]["type"] = type;		gBarData[i]["type"] = type;
	gBarData[i]["ionmode"] = ionmode;		gBarData[i]["ionmode"] = ionmode;
	console.log(gBarData[i]);		//console.log(gBarData[i]);

	meta[i] = result[0].map[i].meta;		meta[i] = result[0].map[i].meta;
Line 556:		Line 556:
	var label = document.createElement("label");		var label = document.createElement("label");
	label.setAttribute("for", "item" + i);		label.setAttribute("for", "item" + i);
	~~//console.log(result);~~
	label.innerHTML = (i+1) + "." + escape(result[0].map[i].title);		label.innerHTML = (i+1) + "." + escape(result[0].map[i].title);
	line.appendChild(label);		line.appendChild(label);
Line 644:		Line 643:
	gBarData[i]["type"] = type;		gBarData[i]["type"] = type;
	gBarData[i]["ionmode"] = ionmode;		gBarData[i]["ionmode"] = ionmode;
			gBarData[i]["pieclass"] = [];
			for(var j = 0; j < result[0].map[i].pie.length; j ++)
			gBarData[i]["pieclass"][j] = result[0].map[i].pie[j].name;

	// barchartの追加		// barchartの追加
Line 782:		Line 784:

	var nextType = event.point.name;		var nextType = event.point.name;
			for(var i = 0; i < gBarData.length; i ++){
			if(!(gBarData[i]["pieclass"].includes(nextType))){
			alert("表示中の中に、" + nextType + "が含まれないデータがあるため、切り替えができません。");
			return;
			}
			}
	var targets = [];		var targets = [];
	var sortableList = document.getElementById("sortableList");		var sortableList = document.getElementById("sortableList");
	for(var i = 0; i < sortableList.childNodes.length; i ++){		for(var i = 0; i < sortableList.childNodes.length; i ++){
	var w = sortableList.childNodes[i].childNodes[1].innerHTML.replace(/^[0-9]+./,"").split(" / ");		var w = sortableList.childNodes[i].childNodes[1].innerHTML.replace(/^[0-9]+./,"").split(" / ");
	targets.push(w[0] + " / " + w[1] + " / " + nextType);		targets.push(w[0] + " / " + w[1] + " / " + nextType + " / " + w[2]);
	}		}
	showChart(targets);		showChart(targets);
Line 977:		Line 985:
	yLabels[j] = (j+1) + "." + attrEscape(result[i].map[j].title.replace(/\/[^\/]+$/, "")); // Y軸ラベル		yLabels[j] = (j+1) + "." + attrEscape(result[i].map[j].title.replace(/\/[^\/]+$/, "")); // Y軸ラベル
	}		}
	console.log(gBarData);		//console.log(gBarData);
	gBarData.reverse();		gBarData.reverse();
	console.log(gBarData);		//console.log(gBarData);
	yLabels.reverse(); // highchartsの性質上、Y軸ラベルを反転させる		yLabels.reverse(); // highchartsの性質上、Y軸ラベルを反転させる
	for(var j = 0; j < result[i].x.length; j ++)		for(var j = 0; j < result[i].x.length; j ++)

Jcblmaster at 03:54, 7 January 2020

2020-01-07T03:54:21Z

← Older revision		Revision as of 12:54, 7 January 2020
Line 1:		Line 1:
			// Last-Update: 2020/01/07
	// 定数		// 定数
	const DEFAULT_BAR_COLOR = "#7cb5ec";		const DEFAULT_BAR_COLOR = "#7cb5ec";
Line 785:		Line 786:
	for(var i = 0; i < sortableList.childNodes.length; i ++){		for(var i = 0; i < sortableList.childNodes.length; i ++){
	var w = sortableList.childNodes[i].childNodes[1].innerHTML.replace(/^[0-9]+./,"").split(" / ");		var w = sortableList.childNodes[i].childNodes[1].innerHTML.replace(/^[0-9]+./,"").split(" / ");
	targets.push(w[0] + "/" + w[1] + "/" + nextType);		targets.push(w[0] + " / " + w[1] + " / " + nextType);
	}		}
	showChart(targets);		showChart(targets);

Jcblmaster at 06:21, 6 January 2020

2020-01-06T06:21:21Z

← Older revision		Revision as of 15:21, 6 January 2020
Line 6:		Line 6:

	// バーチャート（バンドル）のX軸ラベル変更用		// バーチャート（バンドル）のX軸ラベル変更用
	var legendOptions = ["Sample name","~~Sample source","Sample type~~","Tissue","~~Treatment","Extraction","LC type","MS type~~","~~Ion mode~~","~~Quantification~~"];		var legendOptions = ["Sample name","Category","Tissue/Species","Genotype/Background","Perturbation","Diet/Culture"];

	// グローバル変数		// グローバル変数
Line 270:		Line 270:
	var option = document.createElement('option');		var option = document.createElement('option');
	option.setAttribute("value", legendOptions[i]);		option.setAttribute("value", legendOptions[i]);
	if(legendOptions[i] == "~~Treatment~~")		if(legendOptions[i] == "Genotype/Background")
	option.setAttribute("selected", "true");		option.setAttribute("selected", "true");
	option.innerHTML = legendOptions[i];		option.innerHTML = legendOptions[i];
Line 330:		Line 330:
	meta[i] = result[0].map[i].meta;		meta[i] = result[0].map[i].meta;
	seriesData[i] = {		seriesData[i] = {
	name: attrEscape(result[0].map[i].meta["~~Treatment~~"]),		name: attrEscape(result[0].map[i].meta["Genotype/Background"]),
	data: data[i],		data: data[i],
	events: {		events: {
Line 784:		Line 784:
	var sortableList = document.getElementById("sortableList");		var sortableList = document.getElementById("sortableList");
	for(var i = 0; i < sortableList.childNodes.length; i ++){		for(var i = 0; i < sortableList.childNodes.length; i ++){
	var w = sortableList.childNodes[i].childNodes[1].innerHTML.replace(/^[0-9]+./,"").split("/");		var w = sortableList.childNodes[i].childNodes[1].innerHTML.replace(/^[0-9]+./,"").split(" / ");
	targets.push(w[0] + "/" + w[1] + "/" + nextType);		targets.push(w[0] + "/" + w[1] + "/" + nextType);
	}		}
Line 959:		Line 959:
	gBarData[j].adduct = [];		gBarData[j].adduct = [];
	for(var k = 0; k < result[i].map[j].data.length; k ++){		for(var k = 0; k < result[i].map[j].data.length; k ++){
			console.log(result[i].map[j].data[k]);
	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].map[j].max)]; // 相対値の計算
	// data[index] = [k, length-j-1, attrEscape(result[i].map[j].data[k][0] * 100 / result[i].maxOfAll)];		// data[index] = [k, length-j-1, attrEscape(result[i].map[j].data[k][0] * 100 / result[i].maxOfAll)];

Jcblmaster at 02:14, 19 July 2018

2018-07-19T02:14:13Z

← Older revision		Revision as of 11:14, 19 July 2018
Line 45:		Line 45:
	if(document.getElementById("pieContainer").style.display == "none")		if(document.getElementById("pieContainer").style.display == "none")
	pieWidth = 0;		pieWidth = 0;
	var width = $(window).width() - $("#sortableList").width() - $("#mw-~~panel~~").width() - pieWidth - MARGIN;		var width = $(window).width() - $("#sortableList").width() - $("#p-logo").width() - pieWidth - MARGIN;
	if(width < 300)		if(width < 300)
	width = 300;		width = 300;
Line 56:		Line 56:
	// chain		// chain
	var height = 500;		var height = 500;
	var width = $(window).width() - $("#sortableList").width()- $("#mw-~~panel~~").width() - MARGIN;		var width = $(window).width() - $("#sortableList").width()- $("#p-logo").width() - MARGIN;
	$("#container0").highcharts().setSize(width, height);		$("#container0").highcharts().setSize(width, height);

Line 62:		Line 62:
	// heatmap or barchart(bundle)		// heatmap or barchart(bundle)
	var height = 400;		var height = 400;
	var width = $(window).width() - $("#sortableList").width() - $("#mw-~~panel~~").width() - MARGIN;		var width = $(window).width() - $("#sortableList").width() - $("#p-logo").width() - MARGIN;
	for(var i = 0; i < chart.length; i ++)		for(var i = 0; i < chart.length; i ++)
	$("#container" + i).highcharts().setSize(width, height);		$("#container" + i).highcharts().setSize(width, height);

Jcblmaster at 05:09, 18 July 2018

2018-07-18T05:09:57Z

← Older revision		Revision as of 14:09, 18 July 2018
Line 363:		Line 363:
	style: {		style: {
	fontSize: '11px',		fontSize: '11px',
			fontWeight: 'bold',
	fontFamily: 'Verdana, sans-serif'		fontFamily: 'Verdana, sans-serif'
	},		},
Line 670:		Line 671:
	style: {		style: {
	fontSize: '11px',		fontSize: '11px',
			fontWeight: 'bold',
	fontFamily: 'Verdana, sans-serif'		fontFamily: 'Verdana, sans-serif'
	},		},
Line 1,064:		Line 1,066:
	style: {		style: {
	fontSize: '11px',		fontSize: '11px',
			fontWeight: 'bold',
	fontFamily: 'Verdana, sans-serif'		fontFamily: 'Verdana, sans-serif'
	},		},
Line 1,280:		Line 1,283:
	rotation: -90,		rotation: -90,
	style: {		style: {
	fontSize: '~~11px~~',		fontSize: '15px',
			fontWeight: 'bold',
	fontFamily: 'Verdana, sans-serif'		fontFamily: 'Verdana, sans-serif'
	},		},
Line 1,302:		Line 1,306:
	pointFormat: '<b>{point.y:.1f} %</b>',		pointFormat: '<b>{point.y:.1f} %</b>',
	formatter: function(){return this.x + '<br/ ><b>' + this.y.toFixed(1) + '%</b>'}		formatter: function(){return this.x + '<br/ ><b>' + this.y.toFixed(1) + '%</b>'}
			},
			plotOptions: {
			column: {
			pointRange: 2
			}
	},		},
	series: [{		series: [{