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

67
controls-classic/OLD/charts/canvasjs/examples/23-stacked-bar-100-chart/basic-stacked-bar-100-chart.html Normal file
View File

@@ -0,0 +1,67 @@
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer",
{
title: {
text: "Division of products Sold in Quarter."
},
data: [
{
type: "stackedBar100",
dataPoints: [
{ y: 600, label: "Water Filter" },
{ y: 400, label: "Modern Chair" },
{ y: 120, label: "VOIP Phone" },
{ y: 250, label: "Microwave" },
{ y: 120, label: "Water Filter" },
{ y: 374, label: "Expresso Machine" },
{ y: 350, label: "Lobby Chair" }
]
},
{
type: "stackedBar100",
dataPoints: [
{ y: 400, label: "Water Filter" },
{ y: 500, label: "Modern Chair" },
{ y: 220, label: "VOIP Phone" },
{ y: 350, label: "Microwave" },
{ y: 220, label: "Water Filter" },
{ y: 474, label: "Expresso Machine" },
{ y: 450, label: "Lobby Chair" }
]
},
{
type: "stackedBar100",
dataPoints: [
{ y: 300, label: "Water Filter" },
{ y: 610, label: "Modern Chair" },
{ y: 215, label: "VOIP Phone" },
{ y: 221, label: "Microwave" },
{ y: 75, label: "Water Filter" },
{ y: 310, label: "Expresso Machine" },
{ y: 340, label: "Lobby Chair" }
]
}
]
});
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>

188
controls-classic/OLD/charts/canvasjs/examples/23-stacked-bar-100-chart/stacked-bar-100-with-index-label.html Normal file
View File

@@ -0,0 +1,188 @@
<!DOCTYPE HTML>
<html>
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer",
{
theme: 'theme2',
title: {
text: "Time Spent in Holiday Season"
},
animationEnabled: true,
axisY: {
title: "percent"
},
legend: {
horizontalAlign: 'center',
verticalAlign: 'bottom'
},
toolTip: {
shared: true
},
data: [
{
type: "stackedBar100",
showInLegend: true,
name: "With Friends",
indexLabel: "{y}",
dataPoints: [
{ y: 350, label: "George" },
{ y: 350, label: "Alex" },
{ y: 350, label: "Mike" },
{ y: 374, label: "Jake" },
{ y: 320, label: "Shah" },
{ y: 300, label: "Joe" },
{ y: 400, label: "Fin" },
{ y: 220, label: "Larry" }
]
},
{
type: "stackedBar100",
showInLegend: true,
name: "Eating Out",
indexLabel: "{y}",
dataPoints: [
{ y: 250, label: "George" },
{ y: 280, label: "Alex" },
{ y: 350, label: "Mike" },
{ y: 274, label: "Jake" },
{ y: 320, label: "Shah" },
{ y: 320, label: "Joe" },
{ y: 280, label: "Fin" },
{ y: 420, label: "Larry" }
]
},
{
type: "stackedBar100",
showInLegend: true,
name: "Reading",
indexLabel: "{y}",
dataPoints: [
{ y: 350, label: "George" },
{ y: 350, label: "Alex" },
{ y: 350, label: "Mike" },
{ y: 374, label: "Jake" },
{ y: 120, label: "Shah" },
{ y: 120, label: "Joe" },
{ y: 400, label: "Fin" },
{ y: 120, label: "Larry" }
]
},
{
type: "stackedBar100",
showInLegend: true,
name: "Shopping",
indexLabel: "{y}",
dataPoints: [
{ y: 250, label: "George" },
{ y: 250, label: "Alex" },
{ y: 250, label: "Mike" },
{ y: 274, label: "Jake" },
{ y: 320, label: "Shah" },
{ y: 220, label: "Joe" },
{ y: 100, label: "Fin" },
{ y: 420, label: "Larry" }
]
},
{
type: "stackedBar100",
showInLegend: true,
name: "Fitness",
indexLabel: "{y}",
dataPoints: [
{ y: 150, label: "George" },
{ y: 30, label: "Alex" },
{ y: 45, label: "Mike" },
{ y: 74, label: "Jake" },
{ y: 64, label: "Shah" },
{ y: 40, label: "Joe" },
{ y: 50, label: "Fin" },
{ y: 40, label: "Larry" }
]
},
{
type: "stackedBar100",
showInLegend: true,
name: "Travel",
indexLabel: "{y}",
dataPoints: [
{ y: 150, label: "George" },
{ y: 170, label: "Alex" },
{ y: 150, label: "Mike" },
{ y: 174, label: "Jake" },
{ y: 120, label: "Shah" },
{ y: 160, label: "Joe" },
{ y: 100, label: "Fin" },
{ y: 80, label: "Larry" }
]
},
{
type: "stackedBar100",
showInLegend: true,
name: "Internet",
indexLabel: "{y}",
dataPoints: [
{ y: 160, label: "George" },
{ y: 170, label: "Alex" },
{ y: 50, label: "Mike" },
{ y: 174, label: "Jake" },
{ y: 104, label: "Shah" },
{ y: 120, label: "Joe" },
{ y: 300, label: "Fin" },
{ y: 420, label: "Larry" }
]
},
{
type: "stackedBar100",
showInLegend: true,
name: "Hobbies",
indexLabel: "{y}",
dataPoints: [
{ y: 80, label: "George" },
{ y: 150, label: "Alex" },
{ y: 50, label: "Mike" },
{ y: 74, label: "Jake" },
{ y: 40, label: "Shah" },
{ y: 120, label: "Joe" },
{ y: 100, label: "Fin" },
{ y: 120, label: "Larry" }
]
}
]
});
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>
</html>