chart

<head>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.js"></script>
</head>
<body>
    <h2>Add Task</h2>
    <canvas id="myChart" width="400" height="400"></canvas>

    <script>
    var data = {
                labels: ["Eating", "Drinking", "Sleeping"],
                datasets: [
                    {
                        label: "My Second dataset",
                        fillColor: "rgba(151,187,205,0.2)",
                        strokeColor: "rgba(151,187,205,1)",
                        pointColor: "rgba(151,187,205,1)",
                        pointStrokeColor: "#fff",
                        pointHighlightFill: "#fff",
                        pointHighlightStroke: "rgba(151,187,205,1)",
                        data: [89, 15, 120]
                    }
                ]
            };
        var ctx = document.getElementById("myChart").getContext("2d");
        var myRadarChart = new Chart(ctx).Radar(data);


    </script>
</body>