İlk temizlik tamamlandı bir önceki projeden

2026-04-28 21:14:25 +03:00
commit f80443aec0
10000 changed files with 959965 additions and 0 deletions
@@ -0,0 +1,107 @@
+<!doctype html>
+<html>
+
+<head>
+	<title>Stepped Line Chart</title>
+	<script src="../../../dist/Chart.min.js"></script>
+	<script src="../../utils.js"></script>
+	<style>
+	canvas {
+		-moz-user-select: none;
+		-webkit-user-select: none;
+		-ms-user-select: none;
+	}
+	.chart-container {
+		width: 500px;
+		margin-left: 40px;
+		margin-right: 40px;
+		margin-bottom: 40px;
+	}
+	.container {
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+		justify-content: center;
+	}
+	</style>
+</head>
+
+<body>
+	<div class="container">
+	</div>
+	<script>
+		function createConfig(details, data) {
+			return {
+				type: 'line',
+				data: {
+					labels: ['Day 1', 'Day 2', 'Day 3', 'Day 4', 'Day 5', 'Day 6'],
+					datasets: [{
+						label: 'steppedLine: ' + details.steppedLine,
+						steppedLine: details.steppedLine,
+						data: data,
+						borderColor: details.color,
+						fill: false,
+					}]
+				},
+				options: {
+					responsive: true,
+					title: {
+						display: true,
+						text: details.label,
+					}
+				}
+			};
+		}
+
+
+		window.onload = function() {
+			var container = document.querySelector('.container');
+
+			var data = [
+				randomScalingFactor(),
+				randomScalingFactor(),
+				randomScalingFactor(),
+				randomScalingFactor(),
+				randomScalingFactor(),
+				randomScalingFactor()
+			];
+
+			var steppedLineSettings = [{
+				steppedLine: false,
+				label: 'No Step Interpolation',
+				color: window.chartColors.red
+			}, {
+				steppedLine: true,
+				label: 'Step Before Interpolation',
+				color: window.chartColors.green
+			}, {
+				steppedLine: 'before',
+				label: 'Step Before Interpolation',
+				color: window.chartColors.green
+			}, {
+				steppedLine: 'after',
+				label: 'Step After Interpolation',
+				color: window.chartColors.purple
+			}, {
+				steppedLine: 'middle',
+				label: 'Step Middle Interpolation',
+				color: window.chartColors.blue
+			}];
+
+			steppedLineSettings.forEach(function(details) {
+				var div = document.createElement('div');
+				div.classList.add('chart-container');
+
+				var canvas = document.createElement('canvas');
+				div.appendChild(canvas);
+				container.appendChild(div);
+
+				var ctx = canvas.getContext('2d');
+				var config = createConfig(details, data);
+				new Chart(ctx, config);
+			});
+		};
+	</script>
+</body>
+
+</html>