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

Folder reorganize 1

Browse Source
This commit is contained in:
Rucus
2026-02-17 12:44:37 -06:00
parent ec99d85bc2
commit f0ae0ab905
17427 changed files with 2071 additions and 1059030 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
OLD/charts/canvasjs/examples/19-range-column-chart/basic-range-column-chart.html Normal file
View File

@@ -0,0 +1,52 @@
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer",
{
title: {
text: "Basic Range Column Chart"
},
axisY: {
includeZero: false,
interval: 10,
title: "Temperature (C)"
},
axisX: {
interval: 1,
intervalType: "month",
valueFormatString: "MMM"
},
data: [
{
type: "rangeColumn",
color: "#369EAD",
dataPoints: [
{ x: new Date(2012,00,01), y: [-9.7, 10.4] }, // y: [Low ,High]
{ x: new Date(2012,01,01), y: [-8.7, 16.5] },
{ x: new Date(2012,02,01), y: [-3.5, 19.4] },
{ x: new Date(2012,03,01), y: [5.0, 22.6] },
{ x: new Date(2012,04,01), y: [7.9, 29.5] },
{ x: new Date(2012,05,01), y: [9.2, 34.7] },
{ x: new Date(2012,06,01), y: [7.3, 30.5] },
{ x: new Date(2012,07,01), y: [4.4, 25.5] },
{ x: new Date(2012,08,01), y: [-3.1, 20.4] },
{ x: new Date(2012,09,01), y: [-5.2, 15.4] },
{ x: new Date(2012,10,01), y: [-13.5, 9.8] },
{ x: new Date(2012,11,01), y: [-15.5, 5.8] }
]
}
]
});
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>

83
OLD/charts/canvasjs/examples/19-range-column-chart/range-column-with-index-label.html Normal file
View File

@@ -0,0 +1,83 @@
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer",
{
title:{
text: "Temperature Comparison of Two Cities",
},
exportEnabled: true,
axisY: {
includeZero:false,
suffix: "°C",
},
axisX: {
interval:1,
intervalType: "month",
valueFormatString: "MMM",
},
toolTip: {
shared: true,
},
data: [
{
type: "rangeColumn",
name: "City 1",
indexLabel: "{y[#index]}",
indexLabelFontSize: 12,
yValueFormatString: "#0.## °C",
showInLegend: true,
dataPoints: [
{x: new Date(2013,00,01), y: [08, 20]},
{x: new Date(2013,01,01), y: [10, 24]},
{x: new Date(2013,02,01), y: [16, 29]},
{x: new Date(2013,03,01), y: [21, 36]},
{x: new Date(2013,04,01), y: [26, 39]},
{x: new Date(2013,05,01), y: [22, 39]},
{x: new Date(2013,06,01), y: [20, 35]},
{x: new Date(2013,07,01), y: [20, 34]},
{x: new Date(2013,08,01), y: [20, 34]},
{x: new Date(2013,09,01), y: [19, 33]},
{x: new Date(2013,10,01), y: [13, 28]},
{x: new Date(2013,11,01), y: [09, 23]}
]
},
{
type: "rangeColumn",
showInLegend: true,
name: "City 2",
indexLabel: "{y[#index]}",
indexLabelFontSize: 12,
yValueFormatString: "#0.## °C",
dataPoints: [
{x: new Date(2013,00,01), y: [16, 28]},
{x: new Date(2013,01,01), y: [18, 31]},
{x: new Date(2013,02,01), y: [20, 33]},
{x: new Date(2013,03,01), y: [22, 34]},
{x: new Date(2013,04,01), y: [22, 33]},
{x: new Date(2013,05,01), y: [20, 29]},
{x: new Date(2013,06,01), y: [20, 28]},
{x: new Date(2013,07,01), y: [20, 28]},
{x: new Date(2013,08,01), y: [20, 28]},
{x: new Date(2013,09,01), y: [20, 28]},
{x: new Date(2013,10,01), y: [14, 27]},
{x: new Date(2013,11,01), y: [11, 26]}
]
}
]
});
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>