LASUCA/controls-web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add all files

Browse Source
This commit is contained in:
Rucus
2026-02-17 09:29:34 -06:00
parent b8c8d67c67
commit 782d203799
21925 changed files with 2433086 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
OLD/controlsdev/charts/canvasjs/examples/12-scatter-chart/basic-scatter-chart.html Normal file
View File

@@ -0,0 +1,79 @@
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer", {
title: {
text: "Basic Scatter Chart"
},
data: [{
type: "scatter",
dataPoints: [
{ x: 100, y: 110 },
{ x: 110, y: 120 },
{ x: 130, y: 125 },
{ x: 150, y: 128 },
{ x: 180, y: 160 },
{ x: 200, y: 220 },
{ x: 207, y: 220 },
{ x: 210, y: 220 },
{ x: 245, y: 220 },
{ x: 265, y: 253 },
{ x: 285, y: 304 },
{ x: 300, y: 403 },
{ x: 304, y: 304 },
{ x: 306, y: 406 },
{ x: 310, y: 404 },
{ x: 315, y: 510 },
{ x: 319, y: 420 },
{ x: 344, y: 303 },
{ x: 374, y: 302 },
{ x: 400, y: 821 },
{ x: 405, y: 804 },
{ x: 405, y: 906 },
{ x: 423, y: 830 },
{ x: 441, y: 930 },
{ x: 452, y: 630 },
{ x: 454, y: 990 },
{ x: 466, y: 420 },
{ x: 485, y: 820 },
{ x: 500, y: 904 },
{ x: 503, y: 920 },
{ x: 507, y: 702 },
{ x: 530, y: 904 },
{ x: 533, y: 903 },
{ x: 567, y: 1010 },
{ x: 587, y: 402 },
{ x: 600, y: 1020 },
{ x: 604, y: 1010 },
{ x: 604, y: 1040 },
{ x: 609, y: 940 },
{ x: 610, y: 940 },
{ x: 640, y: 900 },
{ x: 641, y: 1060 },
{ x: 644, y: 1040 },
{ x: 660, y: 1240 },
{ x: 664, y: 1340 },
{ x: 704, y: 1040 },
{ x: 732, y: 1060 },
{ x: 763, y: 1100 },
{ x: 781, y: 1200 },
{ x: 785, y: 1300 },
{ x: 809, y: 1040 },
{ x: 905, y: 1340 }
]
}]
});
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>

106
OLD/controlsdev/charts/canvasjs/examples/12-scatter-chart/multi-series-scatter-chart.html Normal file
View File

@@ -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>