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/01-line-chart/multi-series-line-chart.html
+++ b/OLD/charts/canvasjs/examples/01-line-chart/multi-series-line-chart.html
@@ -0,0 +1,98 @@
+<!DOCTYPE HTML>
+<html>
+
+<head>
+	<script type="text/javascript">
+		window.onload = function () {
+			var chart = new CanvasJS.Chart("chartContainer", {
+				title: {
+					text: "Site Traffic",
+					fontSize: 30
+				},
+				animationEnabled: true,
+				axisX: {
+					gridColor: "Silver",
+					tickColor: "silver",
+					valueFormatString: "DD/MMM"
+				},
+				toolTip: {
+					shared: true
+				},
+				theme: "theme2",
+				axisY: {
+					gridColor: "Silver",
+					tickColor: "silver"
+				},
+				legend: {
+					verticalAlign: "center",
+					horizontalAlign: "right"
+				},
+				data: [
+				{
+					type: "line",
+					showInLegend: true,
+					lineThickness: 2,
+					name: "Visits",
+					markerType: "square",
+					color: "#F08080",
+					dataPoints: [
+					{ x: new Date(2010, 0, 3), y: 650 },
+					{ x: new Date(2010, 0, 5), y: 700 },
+					{ x: new Date(2010, 0, 7), y: 710 },
+					{ x: new Date(2010, 0, 9), y: 658 },
+					{ x: new Date(2010, 0, 11), y: 734 },
+					{ x: new Date(2010, 0, 13), y: 963 },
+					{ x: new Date(2010, 0, 15), y: 847 },
+					{ x: new Date(2010, 0, 17), y: 853 },
+					{ x: new Date(2010, 0, 19), y: 869 },
+					{ x: new Date(2010, 0, 21), y: 943 },
+					{ x: new Date(2010, 0, 23), y: 970 }
+					]
+				},
+				{
+					type: "line",
+					showInLegend: true,
+					name: "Unique Visits",
+					color: "#20B2AA",
+					lineThickness: 2,
+
+					dataPoints: [
+					{ x: new Date(2010, 0, 3), y: 510 },
+					{ x: new Date(2010, 0, 5), y: 560 },
+					{ x: new Date(2010, 0, 7), y: 540 },
+					{ x: new Date(2010, 0, 9), y: 558 },
+					{ x: new Date(2010, 0, 11), y: 544 },
+					{ x: new Date(2010, 0, 13), y: 693 },
+					{ x: new Date(2010, 0, 15), y: 657 },
+					{ x: new Date(2010, 0, 17), y: 663 },
+					{ x: new Date(2010, 0, 19), y: 639 },
+					{ x: new Date(2010, 0, 21), y: 673 },
+					{ x: new Date(2010, 0, 23), y: 660 }
+					]
+				}
+				],
+				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>