Folder reorganize 1

2026-02-17 12:44:37 -06:00
parent ec99d85bc2
commit f0ae0ab905
17427 changed files with 2071 additions and 1059030 deletions
--- a/OLD/charts/canvasjs/examples/12-scatter-chart/multi-series-scatter-chart.html
+++ b/OLD/charts/canvasjs/examples/12-scatter-chart/multi-series-scatter-chart.html
@@ -0,0 +1,106 @@
+<!DOCTYPE HTML>
+<html>
+
+<head>
+	<script type="text/javascript">
+		window.onload = function () {
+			var chart = new CanvasJS.Chart("chartContainer", {
+				title: {
+					text: "Server Performance",
+					fontSize: 20
+				},
+				animationEnabled: true,
+				axisX: {
+					title: "Server Load (TPS)",
+					titleFontSize: 18
+
+				},
+				axisY: {
+					title: "Response Time (sec)",
+					titleFontSize: 16
+				},
+				legend: {
+					verticalAlign: 'bottom',
+					horizontalAlign: "center"
+				},
+
+				data: [
+				{
+					type: "scatter",
+					markerType: "square",
+					toolTipContent: "<span style='\"'color: {color};'\"'><strong>{name}</strong></span><br/><strong> Load</strong> {x} <br/><strong> Response</strong></span> {y}sec",
+
+					name: "Server Pluto",
+					showInLegend: true,
+					dataPoints: [
+
+					{ x: 23, y: 4 },
+					{ x: 28, y: 5 },
+					{ x: 39, y: 9 },
+					{ x: 34, y: 8 },
+					{ x: 24, y: 3 },
+					{ x: 29, y: 7 },
+					{ x: 29, y: 5 },
+					{ x: 23, y: 6 },
+					{ x: 27, y: 7 },
+					{ x: 34, y: 11 },
+					{ x: 36, y: 9 },
+					{ x: 33, y: 5 },
+					{ x: 32, y: 8 },
+					{ x: 21, y: 2 }
+
+					]
+				},
+				{
+					type: "scatter",
+					name: "Server Mars",
+					markerType: "triangle",
+					showInLegend: true,
+					toolTipContent: "<span style='\"'color: {color};'\"'><strong>{name}</strong></span><br/><strong> Load</strong> {x} <br/><strong> Response</strong></span> {y}sec",
+
+					dataPoints: [
+
+					{ x: 24, y: 2 },
+					{ x: 27, y: 3 },
+					{ x: 35, y: 7 },
+					{ x: 32, y: 6 },
+					{ x: 29, y: 4 },
+					{ x: 23, y: 5 },
+					{ x: 24, y: 3 },
+					{ x: 26, y: 4 },
+					{ x: 24, y: 5 },
+					{ x: 33, y: 7 },
+					{ x: 34, y: 6 },
+					{ x: 30, y: 4 },
+					{ x: 37, y: 8 },
+					{ x: 24, y: 2 }
+
+					]
+				}
+				],
+				legend: {
+					cursor: "pointer",
+					itemclick: function (e) {
+						if (typeof (e.dataSeries.visible) === "undefined" || e.dataSeries.visible) {
+							e.dataSeries.visible = false;
+						}
+						else {
+							e.dataSeries.visible = true;
+						}
+						chart.render();
+					}
+				}
+			});
+
+			chart.render();
+		}
+	</script>
+	<script src="../../canvasjs.min.js"></script>
+	<title>CanvasJS Example</title>
+</head>
+<body>
+	<div id="chartContainer" style="height: 400px; width: 100%;">
+	</div>
+</body>
+
+</html>