| Signature | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grafico a Torta</title>
<!-- Includi la libreria Chart.js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
<!-- Crea un canvas per il grafico -->
<canvas id="myPieChart" width="400" height="400">
<script>
// Dati del grafico
var data = {
labels: ["USA", "UK", "Argentina", "Australia", "Benelux", "Brasile", "Canada", "Cile", "Cina", "Colombia", "Croazia", "Repubblica Ceca", "Danimarca", "Finlandia", "Francia", "Germania", "Grecia", "India", "Italia", "Giappone", "Malesia", "Messico", "Medio Oriente", "Perů", "Filippine", "Polonia", "Singapore", "Sud Africa", "Corea del Sud", "Spagna", "Svezia", "Svizzera", "Tailandia", "Turchia"],
datasets: [{
data: [25, 8, 2, 4, 1, 8, 4, 1, 5, 1, 1, 1, 1, 1, 6, 5, 1, 2, 4, 7, 1, 4, 4, 4, 2, 2, 2, 1, 2, 3, 5, 1, 1, 1, 2],
backgroundColor: [
'rgba(255, 99, 132, 0.7)',
'rgba(54, 162, 235, 0.7)',
'rgba(255, 206, 86, 0.7)',
'rgba(75, 192, 192, 0.7)',
'rgba(153, 102, 255, 0.7)',
'rgba(255, 159, 64, 0.7)',
'rgba(255, 99, 132, 0.7)',
'rgba(54, 162, 235, 0.7)',
'rgba(255, 206, 86, 0.7)',
'rgba(75, 192, 192, 0.7)',
'rgba(153, 102, 255, 0.7)',
'rgba(255, 159, 64, 0.7)',
'rgba(255, 99, 132, 0.7)',
'rgba(54, 162, 235, 0.7)',
'rgba(255, 206, 86, 0.7)',
'rgba(75, 192, 192, 0.7)',
'rgba(153, 102, 255, 0.7)',
'rgba(255, 206, 86, 0.7)',
'rgba(75, 192, 192, 0.7)',
'rgba(255, 99, 132, 0.7)',
'rgba(54, 162, 235, 0.7)',
'rgba(255, 206, 86, 0.7)',
'rgba(75, 192, 192, 0.7)',
'rgba(153, 102, 255, 0.7)',
'rgba(255, 206, 86, 0.7)',
'rgba(75, 192, 192, 0.7)',
'rgba(255, 99, 132, 0.7)',
'rgba(54, 162, 235, 0.7)',
'rgba(255, 206, 86, 0.7)',
'rgba(153, 102, 255, 0.7)',
'rgba(255, 159, 64, 0.7)',
'rgba(255, 99, 132, 0.7)',
],
}]
};
// Configurazione del grafico
var options = {
responsive: true,
maintainAspectRatio: false,
};
// Ottieni il riferimento al canvas e disegna il grafico
var ctx = document.getElementById('myPieChart').getContext('2d');
var myPieChart = new Chart(ctx, {
type: 'pie',
data: data,
options: options
});
</script>
</body>
</html> |
|
