BossBey File Manager

Editing: r2.php

<!DOCTYPE html>
<html>
<head>
    <title>Gráfico Polar</title>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
    <div style="width: 80%; margin: 0 auto;">
        <canvas id="polarChart"></canvas>
    </div>

var data = {
            labels: ["Habilidades Sociais e afetivas", "Habilidades de comunicação", "Habilidades cognitivas", "Habilidades motoras", "Habilidades Gerais"],
            datasets: [{
                data: [85, 92, 78, 66, 82], // Substitua esses valores pelas suas próprias pontuações (escala de 1 a 100)
                backgroundColor: [
                    'rgba(75, 192, 192, 0.2)', // Cor de preenchimento para Habilidades Sociais e afetivas
                    'rgba(255, 99, 132, 0.2)', // Cor de preenchimento para Habilidades de comunicação
                    'rgba(54, 162, 235, 0.2)', // Cor de preenchimento para Habilidades cognitivas
                    'rgba(255, 206, 86, 0.2)', // Cor de preenchimento para Habilidades motoras
                    'rgba(153, 102, 255, 0.2)'  // Cor de preenchimento para Habilidades Gerais
                ],
                borderColor: [
                    'rgba(75, 192, 192, 1)', // Cor da borda para Habilidades Sociais e afetivas
                    'rgba(255, 99, 132, 1)', // Cor da borda para Habilidades de comunicação
                    'rgba(54, 162, 235, 1)', // Cor da borda para Habilidades cognitivas
                    'rgba(255, 206, 86, 1)', // Cor da borda para Habilidades motoras
                    'rgba(153, 102, 255, 1)'  // Cor da borda para Habilidades Gerais
                ],
                borderWidth: 2, // Largura da borda
            }]
        };

var options = {
            scale: {
                ticks: {
                    beginAtZero: true,
                    max: 100, // Defina o valor máximo para a escala polar (1 a 100)
                }
            }
        };

var polarChart = new Chart(ctx, {
            type: 'polarArea',
            data: data,
            options: options
        });
    </script>
</body>
</html>

Cancel