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

62
OLD/controlsdev/charts/canvasjs/examples/13-candlestick-chart/basic-candle-stick-chart.html Normal file
View File

@@ -0,0 +1,62 @@
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer", {
title: {
text: "Basic Candle Stick Chart"
},
zoomEnabled: true,
axisY: {
includeZero: false,
title: "Prices",
prefix: "$ "
},
axisX: {
interval: 2,
intervalType: "month",
valueFormatString: "MMM-YY",
},
data: [
{
type: "candlestick",
dataPoints: [
{ x: new Date(2012, 01, 01), y: [5198, 5629, 5159, 5385] },
{ x: new Date(2012, 02, 01), y: [5366, 5499, 5135, 5295] },
{ x: new Date(2012, 03, 01), y: [5296, 5378, 5154, 5248] },
{ x: new Date(2012, 04, 01), y: [5254, 5279, 4788, 4924] },
{ x: new Date(2012, 05, 01), y: [4910, 5286, 4770, 5278] },
{ x: new Date(2012, 06, 01), y: [5283, 5348, 5032, 5229] },
{ x: new Date(2012, 07, 01), y: [5220, 5448, 5164, 5258] },
{ x: new Date(2012, 08, 01), y: [5276, 5735, 5215, 5703] },
{ x: new Date(2012, 09, 01), y: [5704, 5815, 4888, 5619] },
{ x: new Date(2012, 10, 01), y: [5609, 5885, 5548, 5879] },
{ x: new Date(2012, 11, 01), y: [5878, 5965, 5823, 5905] },
{ x: new Date(2013, 00, 01), y: [5937, 6111, 5935, 6034] },
{ x: new Date(2013, 01, 01), y: [6040, 6052, 5671, 5693] },
{ x: new Date(2013, 02, 01), y: [5702, 5971, 5604, 5682] },
{ x: new Date(2013, 03, 01), y: [5697, 5962, 5477, 5930] },
{ x: new Date(2013, 04, 01), y: [5911, 6229, 5910, 5985] },
{ x: new Date(2013, 05, 01), y: [5997, 6011, 5566, 5842] },
{ x: new Date(2013, 06, 01), y: [5834, 6093, 5675, 5742] },
{ x: new Date(2013, 07, 01), y: [5776, 5808, 5118, 5471] },
{ x: new Date(2013, 08, 01), y: [5480, 6142, 5318, 5735] },
{ x: new Date(2013, 09, 01), y: [5756, 6309, 5700, 6299] },
{ x: new Date(2013, 10, 01), y: [6289, 6342, 5972, 6176] },
{ x: new Date(2013, 11, 01), y: [6171, 6415, 6129, 6304] }
]
}
]
});
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>

53
OLD/controlsdev/charts/canvasjs/examples/13-candlestick-chart/candle-stick-chart-with-rising-color-and-tooltip-customization.html Normal file
View File

@@ -0,0 +1,53 @@
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer",
{
title:{
text: "Candle Stick chart using risingColor property"
},
zoomEnabled: true,
axisY: {
includeZero:false,
title: "Prices",
prefix: "$ "
},
axisX: {
interval:2,
intervalType: "month",
valueFormatString: "MMM-YY",
labelAngle: -45
},
data: [
{
type: "candlestick",
risingColor: "#F79B8E",
dataPoints: [
{x: new Date(2012,01,01),y:[5198, 5629, 5159, 5385]},
{x: new Date(2012,02,01),y:[5366, 5499, 5135, 5295]},
{x: new Date(2012,03,01),y:[5296, 5378, 5154, 5248]},
{x: new Date(2012,04,01),y:[5254, 5279, 4788, 4924]},
{x: new Date(2012,05,01),y:[4910, 5286, 4770, 5278]},
{x: new Date(2012,06,01),y:[5283, 5348, 5032, 5229]},
{x: new Date(2012,07,01),y:[5220, 5448, 5164, 5258]},
{x: new Date(2012,08,01),y:[5276, 5735, 5215, 5703]},
{x: new Date(2012,09,01),y:[5704, 5815, 4888, 5619]},
{x: new Date(2012,10,01),y:[5609, 5885, 5548, 5879]},
{x: new Date(2012,11,01),y:[5878, 5965, 5823, 5905]}
]
}
]
});
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>