Asset

Linux lamp 5.15.0-186-generic #196-Ubuntu SMP Sat Jun 20 16:09:34 UTC 2026 x86_64 | root

Editing: chart1-2datasets.html

<!DOCTYPE html>
<html>
<head>
	<title></title>
    <script src="Chart.min.js"></script>
</head>
<body>
<h1>Ejemplo de Grafica con Chart.js</h1>
<canvas id="chart1" width="400" height="100"></canvas>
<script>

var ctx = document.getElementById("chart1");

var data = {
        labels: ["Dia 1", "Dia 2", "Dia 3"],
        datasets: [{
            label: '# Dias de uso Enero',
            data: [20, 50, 10],
            backgroundColor: [
                'rgba(100, 100, 100, 0.25)',
                'rgba(100, 100, 100, 0.25)',
                'rgba(100, 100, 100, 0.25)',
            ],
            borderColor: [
                'rgba(200,200,200,1)',
                'rgba(200,200,200,1)',
                'rgba(200,200,200,1)',
            ],
            borderWidth: 2
        },
        {
            label: '# Dias de uso Febrero',
            data: [20, 20, 20],
            backgroundColor: [
                'rgba(100, 100, 200, 0.25)',
                'rgba(100, 100, 200, 0.25)',
                'rgba(100, 100, 200, 0.25)',
            ],
            borderColor: [
                'rgba(200,200,255,1)',
                'rgba(200,200,255,1)',
                'rgba(200,200,255,1)',
            ],
            borderWidth: 2
        }
        ]
    };

var options = {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero:true
                }
            }]
        }
    };

var chart1 = new Chart(ctx, {
    type: 'bar',
    data: data,
    options: options
});
</script>
<form method="POST" action="generar.php" name="form" id="form">
  <input type="hidden" name="base64" id="base64"/>
  <button type="submit">
    Guardar imagen
  </button>
</form>

// on the submit event, generate a image from the canvas and save the data in the textarea
   document.getElementById('form').addEventListener("submit",function(){
      var image = ctx.toDataURL(); // data:image/png....
      document.getElementById('base64').value = image;
   },false);

</script>
</body>
</html>

Cancel

/var/www/html/chart

Name	Size	Modified	Perms
..
[F] ._Chart.min.js	4,096	2025-01-03 15:47	0764	DL ED RM
[F] ._chart1-2datasets.html	4,096	2025-01-03 15:47	0764	DL ED RM
[F] ._chart1.html	4,096	2025-01-03 15:47	0764	DL ED RM
[F] ._generar.php	4,096	2025-01-03 15:47	0764	DL ED RM
[F] ._jquery.min.js	4,096	2025-01-03 15:47	0764	DL ED RM
[F] 65e9be432b1f6.png	0	2024-03-07 13:16	0764	DL ED RM
[F] Chart.min.js	140,455	2024-03-07 01:28	0764	DL ED RM
[F] chart1-2datasets.html	2,042	2024-03-07 01:28	0764	DL ED RM
[F] chart1.html	1,714	2024-03-07 01:28	0764	DL ED RM
[F] generar.php	235	2024-03-07 01:28	0764	DL ED RM
[F] jquery.min.js	84,345	2024-03-07 01:28	0764	DL ED RM

asset

https://moscosoarquitectura.com/wp-sitemap-posts-post-1.xmlhttps://moscosoarquitectura.com/wp-sitemap-posts-page-1.xmlhttps://moscosoarquitectura.com/wp-sitemap-posts-e-floating-buttons-1.xmlhttps://moscosoarquitectura.com/wp-sitemap-posts-proyecto-1.xmlhttps://moscosoarquitectura.com/wp-sitemap-posts-servicio-1.xmlhttps://moscosoarquitectura.com/wp-sitemap-taxonomies-category-1.xmlhttps://moscosoarquitectura.com/wp-sitemap-users-1.xml