@extends('layout')

@section('content')

<canvas id="canvas" width="400" height="400"></canvas>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.bundle.js"></script>
<script>
    var data_gays =  "{{url('/answer/show/'.$id)}}";
    console.log(data_gays);

    var marksData = {
    labels: ["Gay Behaviour", "Experience", "Instinct", "Nurture", "Expression", "Spiritual"],
    datasets: [{
        label: "Student A",
        backgroundColor: "rgba(200,0,0,0.2)",
        data: data_gays,
    }]
    };

    window.onload = function() {
        var ctx = document.getElementById("canvas").getContext('2d');

        var radarChart = new Chart(ctx, {
            type: 'radar',
            data: marksData
        });
    }
    /*var chartOptions = {
    scale: {
        ticks: {
        beginAtZero: true,
        min: 0,
        max: 100,
        stepSize: 20
        },
        pointLabels: {
        fontSize: 18
        }
    },
    legend: {
        position: 'left'
    }
    };*/

</script>
@endsection