Remove testing files from git

4 years ago · 1b519085c9
parent 8632eecf87
commit 1b519085c9
2 changed files with 0 additions and 972 deletions
--- a/chart_test.js
+++ b/chart_test.js
@ -1,704 +0,0 @@
-var ctx = document.getElementById('myChart');
-var chartData={}
-var predictionChartData={}
-
-const EVENTSTART=moment('2021-02-14 12:00:00+09:00');
-const EVENTEND=moment('2021-02-22 20:59:59+09:00');
-
-var diffData=[]
-
-const PREDICTIONS=true
-
-const EVENTID=10
-
-//var mm = moment()
-
-//mm.locale('ja');
-
-//console.log(mm.locale)
-
-//console.log(moment().locale('ja').format('LLLL'))
-
-function numberWithCommas(x) {
-	if (Number.isInteger(x)) {
-		 return x.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",");
-	} else {
-		return x
-	}
-}
-
-var defaultLegendClickHandler = Chart.defaults.global.legend.onClick;
-var newLegendClickHandler = function (e, legendItem) {
-    var index = legendItem.datasetIndex;
-	
-
-	let ci = this.chart;
-	//console.log(Number(ci.data.datasets[index].label))
-	[
-		ci.getDatasetMeta(index),
-		ci.getDatasetMeta(index+1)
-	].forEach(function(meta) {
-		if (ci.data.datasets[index+1].label.includes("Prediction")) {
-			meta.hidden = meta.hidden === null ? !ci.data.datasets[index].hidden : null;
-		} else {
-			if (meta===ci.getDatasetMeta(index)) {
-				ci.data.datasets[index].hidden=!ci.data.datasets[index].hidden
-			}
-		}
-	});
-	ci.update();
-};
-
-function ChartData(rank) {
-	if (!chartData[rank]) {
-		return [{x:0,y:0}]
-	}
-	if (rank<=20) {
-		return [...chartData[rank].map((data)=>{return {x:data.date,y:data.points}}),{x:moment().isBefore(EVENTEND)?moment():EVENTEND,y:chartData[rank][chartData[rank].length-1].points}]
-	} else {
-		return [{x:EVENTSTART,y:0},...chartData[rank].map((data)=>{return {x:data.date,y:data.points}})]
-	}
-}
-
-function GetRank(rank) {
-	if (chartData[rank]) {
-		return chartData[rank][chartData[rank].length-1].points
-	} else {
-		return "???"
-	}
-}
-
-function GetEstimate(rank) {
-	if (predictionChartData[rank]) {
-		var currentEstimate = chartData[rank][chartData[rank].length-1].y
-		if (rank>20 && moment().diff(moment(chartData[rank][chartData[rank].length-1].date),'hours')>0.5) {
-			for (var i=predictionChartData[rank].length-1;i>=0;i--) {
-				if (moment(predictionChartData[rank][i].x).isAfter(moment())) {
-					currentEstimate=predictionChartData[rank][i].y
-				} else {
-					break;
-				}
-			}
-			return currentEstimate
-		} else {
-			if (rank>20) {
-				return GetRank(rank)
-			} else {
-				return "---"
-			}
-		}
-	} else {
-		return "???"
-	}
-}
-
-function GetRate(rank) {
-	if (chartData[rank].length>2) {
-		var lastpoint=chartData[rank][chartData[rank].length-2]
-		for (var i=chartData[rank].length-1;i>=0;i--) {
-			if (moment(chartData[rank][chartData[rank].length-1].date).diff(chartData[rank][i].date,'hours')>=1) {
-				lastpoint=chartData[rank][i]
-				break;
-			}
-		}
-		return (chartData[rank][chartData[rank].length-1].points-lastpoint.points)/moment(chartData[rank][chartData[rank].length-1].date).diff(lastpoint.date,'hours')
-	} else {
-		return GetRank(rank)/(moment(startPoint.date).diff(EVENTSTART,'minutes')/60)
-	}
-}
-
-function GetTime(rank) {
-	if (chartData[rank]) {
-		return moment(chartData[rank][chartData[rank].length-1].date).fromNow()
-	} else {
-		return ""
-	}
-}
-function GetUpdateColor(rank) {
-	if (chartData[rank]) {
-		return "rgba(255,"+Math.max(255-moment().diff(moment(chartData[rank][chartData[rank].length-1].date),'hours')*3,0)+","+Math.max(255-moment().diff(moment(chartData[rank][chartData[rank].length-1].date),'hours')*3,0)+",1)"
-	} else {
-		return ""
-	}
-}
-
-//var tiers= [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,50,100,500,1000,2000,5000,10000,20000]
-
-const nyoomfactor={//Percentage of original speed to use when nyoom'ing
-	1:1.0,
-	2:1.0,
-	3:1.0,
-	4:1.0,
-	5:1.0,
-	6:1.0,
-	7:1.0,
-	8:1.0,
-	9:1.0,
-	10:1.0,
-	11:1.0,
-	12:0.9,
-	13:0.7,
-	14:0.5,
-	15:0.3,
-	16:0.3,
-	17:0.3,
-	18:0.3,
-	19:0.3,
-	20:0.3,
-	50:0.79,
-	100:0.72,
-	500:0.25,
-	1000:0.2,
-	2000:0.06,
-	5000:0.055,
-	10000:0.015,
-	20000:0.01
-}
-
-const slowdownFactor={//Percentage of slowdown per hour.
-	1:0.00001,
-	2:0.00003,
-	3:0.00003,
-	4:0.00005,
-	5:0.00005,
-	6:0.00005,
-	7:0.00005,
-	8:0.00005,
-	9:0.00005,
-	10:0.00005,
-	11:0.00005,
-	12:0.00006,
-	13:0.00007,
-	14:0.00008,
-	15:0.00009,
-	16:0.0001,
-	17:0.0001,
-	18:0.0001,
-	19:0.0001,
-	20:0.0001,
-	50:0.0002,
-	100:0.0003,
-	500:0.0004,
-	1000:0.0005,
-	2000:0.0007,
-	5000:0.001,
-	10000:0.002,
-	20000:0.003
-}
-
-var MAXSPEED=0
-
-function SetupPredictionModel() {
-	if (chartData['1']&&chartData['1'].length>100) {
-		MAXSPEED=Math.floor(chartData['1'][100].points/(moment(chartData['1'][100].date).diff(EVENTSTART,'minutes')/60))
-	} else 
-	if (chartData['1']){
-		MAXSPEED=Math.floor(chartData['1'][chartData['1'].length-1].points/(moment(chartData['1'][chartData['1'].length-1].date).diff(EVENTSTART,'minutes')/60))
-	} else {
-		MAXSPEED=0
-	}
-}
-
-function CreatePrediction(precision,rank) {
-	if (!chartData[rank]) {
-		return []
-	}
-	var startPoint=chartData[rank][chartData[rank].length-1]
-	if (rank<=20) {
-		startPoint={points:startPoint.points,date:moment()}
-	}
-	var startTime=moment(startPoint.date)
-	if (PREDICTIONS) {
-		//console.log(MAXSPEED)
-		//Precision is in hours. 1 is default
-		var finalChart=[{y:chartData[rank][chartData[rank].length-1].points,x:chartData[rank][chartData[rank].length-1].date}]
-		//Start from the time of the last reported rank.
-		var myPoints = startPoint.points
-		var pointSpeed = GetRate(rank)
-		var speedGoal = MAXSPEED*nyoomfactor[rank]
-		while (startTime<EVENTEND) {
-			startTime.add(precision,'hours')
-			myPoints+=Math.floor(pointSpeed)
-			if (EVENTEND.diff(startTime,'hours')>11) {
-				pointSpeed-=pointSpeed*(slowdownFactor[rank]*10/*CONSTANT for adjustment*/)
-			} else {
-				pointSpeed=Math.max(
-					GetRank(rank)/(moment(startPoint.date).diff(EVENTSTART,'minutes')/60),
-					Math.min((12-EVENTEND.diff(startTime,'hours'))*(speedGoal/5),speedGoal))
-				//pointSpeed+=(speedGoal-pointSpeed) //Increase towards final goal.
-				//console.log(pointSpeed)
-			}
-			finalChart=[...finalChart,{y:myPoints,x:moment(startTime)}]
-		}
-		predictionChartData[rank]=finalChart
-		return finalChart
-	} else {
-		return []
-	}
-}
-
-async function GetDiffData(rank1,rank2) {
-	for (var i=0;i<chartData[rank1].length;i++) {
-		diffData[i]=GetClosestPoint(rank2,i,chartData[rank1][i].date)
-		.then((response)=>{
-			return response[0].then((data)=>{
-				//console.log(data[0].points)
-				return {y:chartData[rank1][response[1]].points-data[0].points,x:chartData[rank1][response[1]].date}
-			})
-		})
-		.catch((err)=>{
-			return {y:0,x:0}
-		})
-		await new Promise(r => setTimeout(r, 10));
-	}
-}
-
-function GetClosestPoint(rank,i,date) {
-	return fetch("http://www.projectdivar.com/eventdata/t20?date="+encodeURI(date)+"&rank="+rank)
-	.then(response => [response.json(),i])
-	.catch((err)=>{
-		return [{points:0},i]
-	})
-}
-document.getElementsByClassName('time')[0].innerHTML=(moment().isAfter(EVENTEND))?EVENTEND.diff(EVENTSTART,'hours')+1:moment().diff(EVENTSTART,'hours')
-
-var extraData = []
-var extraData2 = []
-
-Chart.defaults.global.elements.point.radius=0
-/*fetch("http://www.projectdivar.com/eventdata/t20?tier=100&event=7")
-  .then(response => response.json())
-  .then(data => data.map((obj)=>{extraData=[...extraData,obj]}))
-  .then(()=>fetch("http://www.projectdivar.com/eventdata/t20?tier=500&event=7"))
-  .then(response => response.json())
-  .then(data => data.map((obj)=>{extraData2=[...extraData2,obj]}))
-  .then(()=>fetch("http://www.projectdivar.com/eventdata/t20?all=true&event=8"))*/
- fetch("http://www.projectdivar.com/eventdata/t20?all=true&event="+EVENTID)
-  .then(response => response.json())
-  .then(data => data.map((obj)=>{if (chartData[obj.rank]) {chartData[obj.rank]=[...chartData[obj.rank],obj]} else {chartData[obj.rank]=[obj]}
-  }))
-  /*.then(()=>GetDiffData(1,2))
-  .then(()=>Promise.all(diffData))*/
-  .then((values)=>{
-		SetupPredictionModel()
-		//console.log(values)
-		var tiers= [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,50,100,500,1000,2000,5000,10000,20000]
-		for (t of tiers) {
-			CreatePrediction(1,t)
-			var fields = document.getElementsByClassName('points'+t)
-			var fields2 = document.getElementsByClassName('points'+t+'rate')
-			var fields3 = document.getElementsByClassName('points'+t+"_2")
-			var fields4 = document.getElementsByClassName('points'+t+"_3")
-			if (fields.length>0) {
-				fields[0].innerHTML=numberWithCommas(GetRank(t))+((t>20)?"<sub style=\"top:15px;float:right;color:"+GetUpdateColor(t)+"\">"+GetTime(t)+"</sub>":"")
-				/*if (predictionChartData[t]) {
-					fields[0].innerHTML=GetRank(t)+"<sub> / "+predictionChartData[t][predictionChartData[t].length-1].y+"</sub>"
-				} else {
-					fields[0].innerHTML=GetRank(t)+"<sub> / ???</sub>"
-				}*/
-			}
-			if (fields2.length>0) {
-				//console.log(EVENTSTART.diff(moment(),'minutes'))
-				if (chartData[t]) {
-					fields2[0].innerHTML=numberWithCommas(Math.ceil(GetRank(t)/(moment(chartData[t][chartData[t].length-1].date).diff(EVENTSTART,'minutes')/60)))
-				}
-			}
-			if (fields3.length>0) {
-				//console.log(EVENTSTART.diff(moment(),'minutes'))
-				var est = GetEstimate(t)
-				fields3[0].innerHTML=Number.isInteger(est)?numberWithCommas(Math.ceil(est)):est
-			}
-			if (fields4.length>0&&predictionChartData[t]) {
-				//console.log(EVENTSTART.diff(moment(),'minutes'))
-				fields4[0].innerHTML=numberWithCommas(predictionChartData[t][predictionChartData[t].length-1].y)
-			}
-		}
-		var myChart = new Chart(ctx, {
-			type: 'line',
-			data: {
-				datasets: [{
-					label: 'T1',
-					data: ChartData(1),
-					backgroundColor: 'rgba(255, 99, 132, 0.05)',
-					borderColor: 'rgba(255, 99, 132, 1)'
-				}/*,{
-					label: 'T1 (Prediction)',
-					data: predictionChartData[1],
-					backgroundColor: 'rgba(255, 99, 132, 0)',
-					borderColor: 'rgba(255, 99, 132, 0.5)',
-					borderDash:[15,5],
-					borderWidth:1
-				}*/,{
-					label: 'T2',
-					data: ChartData(2),
-					backgroundColor: [
-						'rgba(54, 162, 235, 0.05)'
-					],
-					borderColor: [
-						'rgba(54, 162, 235, 1)'
-					]
-				},{
-					label: 'T3',
-					data: ChartData(3),
-					backgroundColor: [
-						'rgba(255, 206, 86, 0.05)',
-					],
-					borderColor: [
-						'rgba(255, 206, 86, 1)',
-					]
-				},{
-					label: 'T4',
-					data: ChartData(4),
-					backgroundColor: [
-						'rgba(75, 192, 192, 0.05)',
-					],
-					borderColor: [
-						'rgba(75, 192, 192, 1)',
-					]
-				},{
-					label: 'T5',
-					data: ChartData(5),
-					backgroundColor: [
-						'rgba(153, 102, 255, 0.05)',
-					],
-					borderColor: [
-						'rgba(153, 102, 255, 1)',
-					]
-				},{
-					label: 'T6',
-					data: ChartData(6),
-					backgroundColor: [
-						'rgba(255, 159, 64, 0.05)'
-					],
-					borderColor: [
-						'rgba(255, 159, 64, 1)'
-					]
-				},{
-					label: 'T7',
-					data: ChartData(7),
-					backgroundColor: [
-						'rgba(255, 99, 132, 0.05)'
-					],
-					borderColor: [
-						'rgba(255, 99, 132, 1)'
-					]
-				},{
-					label: 'T8',
-					data: ChartData(8),
-					backgroundColor: [
-						'rgba(54, 162, 235, 0.05)'
-					],
-					borderColor: [
-						'rgba(54, 162, 235, 1)'
-					]
-				},{
-					label: 'T9',
-					data: ChartData(9),
-					backgroundColor: [
-						'rgba(255, 206, 86, 0.05)'
-					],
-					borderColor: [
-						'rgba(255, 206, 86, 1)'
-					]
-				},{
-					label: 'T10',
-					data: ChartData(10),
-					backgroundColor: 'rgba(75, 192, 192, 0.05)',
-					borderColor: 'rgba(75, 192, 192, 1)'
-				},{
-					label: 'T10 (Prediction)',
-					data: predictionChartData[10],
-					backgroundColor: 'rgba(75, 192, 192, 0)',
-					borderColor: 'rgba(75, 192, 192, 0.5)',
-					borderDash:[15,5],
-					borderWidth:1
-					/*pointBorderColor: 'rgba(60,60,60,0.5)',
-					pointStyle:'dash',
-					pointRadius: 1*/
-				},{
-					label: 'T20',
-					data: ChartData(20),
-					backgroundColor: 'rgba(0, 0, 0, 0.05)',
-					borderColor: 'rgba(0, 0, 0, 1)'
-					/*pointBorderColor: 'rgba(60,60,60,0.5)',
-					pointStyle:'dash',
-					pointRadius: 1*/
-				},{
-					label: 'T20 (Prediction)',
-					data: predictionChartData[20],
-					backgroundColor: 
-						'rgba(160, 0, 0, 0)',
-					borderColor: 'rgba(0, 0, 0, 0.4)',
-					borderDash:[15,5],
-					borderWidth:1
-					/*pointBorderColor: 'rgba(60,60,60,0.5)',
-					pointStyle:'dash',
-					pointRadius: 1*/
-				},{
-					label: 'T50',
-					data: ChartData(50),
-					backgroundColor: 'rgba(255, 255, 255, 0.5)',
-					pointBackgroundColor: 'rgba(255, 255, 255, 1)',
-					pointBorderColor: 'black',
-					borderColor: 'rgba(255, 255, 255, 1)',
-					pointRadius: 2
-				},{
-					label: 'T50 (Prediction)',
-					data: predictionChartData[50],
-					backgroundColor: 
-						'rgba(160, 0, 0, 0)',
-					borderColor: 'rgba(255, 255, 255, 0.5)',
-					borderDash:[15,5],
-					borderWidth:1
-				}
-				/*,{
-					label: 'T50 (First Part)',
-					data: extraData.map((data)=>{return {x:moment(data.date).add(12,'d'),y:data.points}}),
-					backgroundColor: [
-						'rgba(0, 255, 255, 0.5)'
-					],
-					borderColor: [
-						'rgba(0, 255, 255, 1)'
-					]
-				}*/,{
-					label: 'T100',
-					data: ChartData(100),
-					backgroundColor: 'rgba(150, 255, 150, 0.5)',
-					pointBackgroundColor: 'rgba(150, 255, 150, 1)',
-					pointBorderColor: 'black',
-					borderColor: 'rgba(150, 255, 150, 1)',
-					pointRadius: 2
-				},{
-					label: 'T100 (Prediction)',
-					data: predictionChartData[100],
-					backgroundColor: 
-						'rgba(160, 0, 0, 0)',
-					borderColor: 'rgba(150, 255, 150, 0.5)',
-					borderDash:[15,5],
-					borderWidth:1
-				}/*,{
-					label: 'T100 (First Part)',
-					data: extraData.map((data)=>{return {x:moment(data.date).add(12,'d'),y:data.points}}),
-					backgroundColor: 'rgba(255, 150, 0, 0.5)',
-					borderColor: 'rgba(255, 150, 0, 1)',
-					pointBorderColor: 'black',
-					pointRadius: 2
-				}*/,{
-					label: 'T500',
-					data: ChartData(500),
-					backgroundColor: 
-						'rgba(160, 0, 0, 0.5)',
-					pointBackgroundColor: 
-						'rgba(160, 0, 0, 1)',
-					pointBorderColor: 'black',
-					borderColor: 
-						'rgba(160, 0, 0, 1)',
-					pointRadius: 2
-				},{
-					label: 'T500 (Prediction)',
-					data: predictionChartData[500],
-					backgroundColor: 
-						'rgba(160, 0, 0, 0)',
-					borderColor: 
-						'rgba(160, 0, 0, 0.5)',
-					borderDash:[15,5],
-					borderWidth:1
-				}/*,{
-					label: 'T500 (First Part)',
-					data: extraData2.map((data)=>{return {x:moment(data.date).add(12,'d'),y:data.points}}),
-					backgroundColor: 
-						'rgba(65, 60, 0, 0.5)',
-					borderColor: 
-						'rgba(65, 60, 0, 1)',
-					pointBorderColor: 'black',
-					pointRadius: 2
-				}*/,{
-					label: 'T1000',
-					data: ChartData(1000),
-					backgroundColor: 
-						'rgba(255, 150, 150, 0.5)',
-					pointBackgroundColor: 
-						'rgba(255, 150, 150, 1)',
-					pointBorderColor: 'black',
-					borderColor: 
-						'rgba(255, 150, 150, 1)',
-					pointRadius: 2
-				},{
-					label: 'T1000 (Prediction)',
-					data: predictionChartData[1000],
-					backgroundColor: 
-						'rgba(160, 0, 0, 0)',
-					borderColor: 
-						'rgba(255, 150, 150, 0.5)',
-					borderDash:[15,5],
-					borderWidth:1
-				},{
-					label: 'T2000',
-					data: ChartData(2000),
-					backgroundColor: 
-						'rgba(220, 220, 0, 0.5)',
-					pointBackgroundColor: 
-						'rgba(220, 220, 0, 1)',
-					pointBorderColor: 'black',
-					borderColor: 
-						'rgba(220, 220, 0, 1)',
-					pointRadius: 2
-				},{
-					label: 'T2000 (Prediction)',
-					data: predictionChartData[2000],
-					backgroundColor: 
-						'rgba(160, 0, 0, 0)',
-					borderColor: 
-						'rgba(220, 220, 0, 0.5)',
-					borderDash:[15,5],
-					borderWidth:1
-				},{
-					label: 'T5000',
-					data: ChartData(5000),
-					backgroundColor: 
-						'rgba(0, 140, 0, 0.5)',
-					pointBackgroundColor: 
-						'rgba(0, 140, 0, 1)',
-					pointBorderColor: 'black',
-					borderColor: 
-						'rgba(0, 140, 0, 1)',
-					pointRadius: 2
-				},{
-					label: 'T5000 (Prediction)',
-					data: predictionChartData[5000],
-					backgroundColor: 
-						'rgba(160, 0, 0, 0)',
-					borderColor: 
-						'rgba(0, 140, 0, 0.5)',
-					borderDash:[15,5],
-					borderWidth:1
-				}/*,{
-					label: 'T10000 (Last Event)',
-					data: extraData.map((data)=>{return {x:moment(data.date).add(12,'d'),y:data.points}}),
-					backgroundColor: 
-						'rgba(30, 30, 255, 0.5)',
-					pointBackgroundColor: 
-						'rgba(30, 30, 255, 1)',
-					pointBorderColor: 'black',
-					borderColor: 
-						'rgba(30, 30, 255, 1)',
-					pointRadius: 2
-				}*/,{
-					label: 'T10000',
-					data: ChartData(10000),
-					backgroundColor: 'rgba(30, 30, 255, 0.5)',
-					pointBackgroundColor: 'rgba(30, 30, 255, 1)',
-					pointBorderColor: 'black',
-					borderColor: 'rgba(30, 30, 255, 1)',
-					pointRadius: 2
-				},{
-					label: 'T10000 (Prediction)',
-					data: predictionChartData[10000],
-					backgroundColor: 'rgba(30, 30, 255, 0)',
-					borderColor: 'rgba(30, 30, 255, 0.5)',
-					borderDash:[15,5],
-					borderWidth:1
-				},{
-					label: 'T20000',
-					data: ChartData(20000),
-					backgroundColor: 
-						'rgba(0, 0, 60, 0.5)',
-					pointBackgroundColor: 
-						'rgba(0, 0, 60, 1)',
-					pointBorderColor: 'black',
-					borderColor: 
-						'rgba(0, 0, 60, 1)',
-					pointRadius: 2
-				},{
-					label: 'T20000 (Prediction)',
-					data: predictionChartData[20000],
-					backgroundColor: 'rgba(30, 30, 255, 0)',
-					borderColor: 
-						'rgba(0, 0, 60, 0.5)',
-					borderDash:[15,5],
-					borderWidth:1
-				},/*{
-					label: 'T1 vs T2',
-					data: values,
-					backgroundColor: 
-						'rgba(30, 30, 255, 0.5)',
-					borderColor: 
-						'rgba(30, 30, 255, 1)'
-					]
-				},{
-					label: 'T100 HAPPY FORTUNE NEW YEAR',
-					data: 
-						{x:moment('2021-01-12 12:00:00+09:00').add(0,'days').add(0,'hours'),y:0},
-						{x:moment('2021-01-12 12:00:00+09:00').add(0,'days').add(7,'hours'),y:54036},
-						{x:moment('2021-01-12 12:00:00+09:00').add(4,'days').add(23,'hours'),y:451398},
-						{x:moment('2021-01-12 12:00:00+09:00').add(5,'days').add(3,'hours'),y:470204},
-						{x:moment('2021-01-12 12:00:00+09:00').add(7,'days').add(18,'hours'),y:671150},
-						{x:moment('2021-01-12 12:00:00+09:00').add(8,'days').add(15,'hours'),y:915147},
-						{x:moment('2021-01-12 12:00:00+09:00').add(8,'days').add(17,'hours'),y:952330},
-						{x:moment('2021-01-12 12:00:00+09:00').add(8,'days').add(19,'hours'),y:988548},
-						{x:moment('2021-01-12 12:00:00+09:00').add(8,'days').add(21,'hours'),y:1027488},,
-					backgroundColor: 
-						'rgba(255, 255, 150, 0.5)',
-					borderColor: 
-						'rgba(255, 255, 150, 1)'
-					]
-				}*/]
-			},
-			options: {
-				legend:{
-					onClick: newLegendClickHandler,
-					labels:{
-						boxWidth:20,
-						filter:(item,data)=>!item.text.includes("Prediction")
-					}
-				},
-				tooltips: {
-					callbacks: {
-
-						title: function(tooltipItem, data) {
-							//console.log(JSON.stringify(tooltipItem))
-							//var title = data.datasets[tooltipItem.datasetIndex].label || '';
-							/*
-							[{"xLabel":"2021-01-25T05:42:58.214Z","yLabel":1148478,"label":"2021-01-25T05:42:58.214Z","value":"1148478","index":615,"datasetIndex":0,"x":108.39772118267871,"y":99.4803316356776}]
-							*/
-							return moment(tooltipItem[0].xLabel);
-						},
-						label: function(tooltipItem, data) {
-							var label = data.datasets[tooltipItem.datasetIndex].label || '';
-
-							if (label) {
-								label += '   ';
-							}
-							label += tooltipItem.yLabel+" Pt";
-							return label;
-						},
-						footer: function(tooltipItem, data) {
-							return Math.ceil(Number(tooltipItem[0].yLabel)/(moment(tooltipItem[0].xLabel).diff(EVENTSTART,'minutes')/60))+"/hr";
-						}
-					}
-				},
-				scales: {
-					yAxes: [{
-						ticks: {
-							beginAtZero: true,
-						}
-					}],
-					xAxes: [{
-						type: 'time',
-						time: {
-							unit: 'hours',
-							displayFormats: {
-								hours: 'MMM D hA'
-							}
-						},
-						bounds:'ticks',
-						ticks: {
-							min:EVENTSTART,
-							max:EVENTEND
-						},
-						distribution: 'linear'
-					}]
-				}
-			}
-		})
-  })
--- a/test.html
+++ b/test.html
@ -1,268 +0,0 @@
-<head>
-<meta charset="utf-8"/>
-<title>Shiny Smily Scratch！ Event Tracker</title>
-</head>
-<link rel="stylesheet" href="bootstrap.min.css">
-<script type="text/javascript" src="bootstrap.min.js"></script>
-<script type="text/javascript" src="moment.js"></script>
-<script type="text/javascript" src="Chart.js"></script>
-<body style="background-color:#102030">
-<h1 style="color:#999999;text-align:center;margin-left:auto;margin-right:auto;">
-<sup><a href="9.html">ᐊ</a></sup> <span style="position:relative0;text-decoration:underline;top:15px;">Shiny Smily Scratch！</span> <sup>ᐅ</sup>
-</h1>
-<h3 style="color:#999999;text-align:center;margin-left:auto;margin-right:auto;">
-<span class="time"></span>/201 hours
-</h3>
-<div class="container">
-	<div class="row">
-		<div class="col">
-			<div class="chart-container" style=" position: relative;margin: auto;">
-			<canvas id="myChart" height="150"></canvas>
-			</div>
-			<script type="text/javascript" src="chart_test.js"></script>
-		</div>
-	</div>
-	<div class="row">
-		<div class="col pt-5">
-			<div class="container">
-				<div class="rounded row justify-content-md-center ">
-					<div class="p-0 col col-1 text-white bg-dark border border-light text-center">
-					<h6>#</h6>
-					</div>
-					<div class="col col-3 text-white bg-dark border border-light text-center">
-					<h6>Last Submit<br>直近スコア更新</h6>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<h6 style="color:#69a4c9;">Current Estimate<br>現在スコア予想</sub></h6>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<h6 style="color:#e3a03b;">Final Prediction<br>イベント終了スコア予想</h6>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<h6>Rate (EP/hr)<br>毎時獲得ポイント</h6>
-					</div>
-				</div>
-				<div class="rounded row justify-content-md-center">
-					<div class="col col-1 text-warning bg-dark border border-light text-center">
-					<b>1位</b>
-					</div>
-					<div class="col col-3 text-white bg-dark border border-light text-center">
-					<b class="points1">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#95b4c7" class="points1_2">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#e0bb82" class="points1_3">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b class="points1rate">...</b>
-					</div>
-				</div>
-				<div class="rounded row justify-content-md-center">
-					<div class="col col-1 text-primary bg-dark border border-light text-center">
-					<b>2位</b>
-					</div>
-					<div class="col col-3 text-white bg-dark border border-light text-center">
-					<b class="points2">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#95b4c7" class="points2_2">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#e0bb82" class="points2_3">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b class="points2rate">...</b>
-					</div>
-				</div>
-				<div class="rounded row justify-content-md-center">
-					<div class="col col-1 text-secondary bg-dark border border-light text-center">
-					<b>3位</b>
-					</div>
-					<div class="col col-3 text-white bg-dark border border-light text-center">
-					<b class="points3">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#95b4c7" class="points3_2">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#e0bb82" class="points3_3">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b class="points3rate">...</b>
-					</div>
-				</div>
-				<div class="rounded row justify-content-md-center">
-					<div class="col col-1 text-white bg-dark border border-light text-center">
-					10位
-					</div>
-					<div class="col col-3 text-white bg-dark border border-light text-center">
-					<b class="points10">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#95b4c7" class="points10_2">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#e0bb82" class="points10_3">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b class="points10rate">...</b>
-					</div>
-				</div>
-				<div class="rounded row justify-content-md-center">
-					<div class="col col-1 text-white bg-dark border border-light text-center">
-					50位
-					</div>
-					
-					<div class="col col-3 text-white bg-dark border border-light text-center">
-					<b class="points50">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#95b4c7" class="points50_2">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#e0bb82" class="points50_3">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b class="points50rate">...</b>
-					</div>
-				</div>
-				<div class="rounded row justify-content-md-center">
-					<div class="col col-1 text-white bg-dark border border-light text-center">
-					100位
-					</div>
-
-					<div class="col col-3 text-white bg-dark border border-light text-center">
-					<b class="points100">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#95b4c7" class="points100_2">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#e0bb82" class="points100_3">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b class="points100rate">...</b>
-					</div>
-				</div>
-				<div class="rounded row justify-content-md-center">
-					<div class="col col-1 text-white bg-dark border border-light text-center">
-					500位
-					</div>
-					
-					<div class="col col-3 text-white bg-dark border border-light text-center">
-					<b class="points500">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#95b4c7" class="points500_2">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#e0bb82" class="points500_3">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b class="points500rate">...</b>
-					</div>
-				</div>
-				<div class="rounded row justify-content-md-center">
-					<div class="col col-1 text-white bg-dark border border-light text-center">
-					1000位
-					</div>
-					
-					<div class="col col-3 text-white bg-dark border border-light text-center">
-					<b class="points1000">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#95b4c7" class="points1000_2">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#e0bb82" class="points1000_3">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b class="points1000rate">...</b>
-					</div>
-				</div>
-				<div class="rounded row justify-content-md-center">
-					<div class="col col-1 text-white bg-dark border border-light text-center">
-					2000位
-					</div>
-					
-					<div class="col col-3 text-white bg-dark border border-light text-center">
-					<b class="points2000">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#95b4c7" class="points2000_2">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#e0bb82" class="points2000_3">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b class="points2000rate">...</b>
-					</div>
-				</div>
-				<div class="rounded row justify-content-md-center">
-					<div class="col col-1 text-white bg-dark border border-light text-center">
-					5000位
-					</div>
-					
-					<div class="col col-3 text-white bg-dark border border-light text-center">
-					<b class="points5000">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#95b4c7" class="points5000_2">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#e0bb82" class="points5000_3">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b class="points5000rate">...</b>
-					</div>
-				</div>
-				<div class="rounded row justify-content-md-center">
-					<div class="col col-1 text-white bg-dark border border-light text-center">
-					10000位
-					</div>
-					
-					<div class="col col-3 text-white bg-dark border border-light text-center">
-					<b class="points10000">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#95b4c7" class="points10000_2">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#e0bb82" class="points10000_3">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b class="points10000rate">...</b>
-					</div>
-				</div>
-				<div class="rounded row justify-content-md-center">
-					<div class="col col-1 text-white bg-dark border border-light text-center">
-					20000位
-					</div>
-					
-					<div class="col col-3 text-white bg-dark border border-light text-center">
-					<b class="points20000">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#95b4c7" class="points20000_2">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b style="color:#e0bb82" class="points20000_3">...</b>
-					</div>
-					<div class="col col-2 text-white bg-dark border border-light text-center">
-					<b class="points20000rate">...</b>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</div>
-<div class="container">
-	<div class="row justify-content-center">
-		<div class="col-12">
-			<img src="t20.png" class="pt-5" style="color:#999999;width:812;text-align:center;margin-left:auto;margin-right:auto;">
-		</div>
-	</div>
-</div>
-</body>