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

35
OLD/charts/canvasjs/examples/06-doughnut-chart/basic-doughnut-chart.html Normal file
View File

@@ -0,0 +1,35 @@
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer",
{
title:{
text: "Pie Chart"
},
data: [
{
type: "doughnut",
dataPoints: [
{ y: 4181563},
{ y: 2175498},
{ y: 3125844},
{ y: 1176121},
{ y: 1727161},
{ y: 4303364},
{ y: 1717786}
]
}
]
});
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>

37
OLD/charts/canvasjs/examples/06-doughnut-chart/doughnut-chart-with-explode-on-click-disabled.html Normal file
View File

@@ -0,0 +1,37 @@
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer",
{
title:{
text: "Presidential Election Results"
},
animationEnabled: true,
data: [
{
type: "doughnut",
startAngle: 60,
toolTipContent: "{legendText}: {y} - <strong>#percent% </strong>",
showInLegend: true,
explodeOnClick: false, //**Change it to true
dataPoints: [
{y: 65899660, indexLabel: "Barack Obama #percent%", legendText: "Barack Obama" },
{y: 60929152, indexLabel: "Mitt Romney #percent%", legendText: "Mitt Romney" },
{y: 2175850, indexLabel: "Others #percent%", legendText: "Others" }
]
}
]
});
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>

46
OLD/charts/canvasjs/examples/06-doughnut-chart/doughnut-chart-with-index-label.html Normal file
View File

@@ -0,0 +1,46 @@
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer", {
title: {
text: "Mobile / Tablet OS Market Share, Jun 2015"
},
animationEnabled: true,
theme: "theme2",
data: [
{
type: "doughnut",
indexLabelFontFamily: "Garamond",
indexLabelFontSize: 20,
startAngle: 0,
indexLabelFontColor: "dimgrey",
indexLabelLineColor: "darkgrey",
toolTipContent: "{y} %",
dataPoints: [
{ y: 51.04, indexLabel: "Android {y}%" },
{ y: 40.83, indexLabel: "iOS {y}%" },
{ y: 3.20, indexLabel: "Java ME {y}%" },
{ y: 1.11, indexLabel: "BlackBerry {y}%" },
{ y: 2.29, indexLabel: "Windows {y}%" },
{ y: 1.53, indexLabel: "Others {y}%" }
]
}
]
});
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>