<script>
    let miCanvas=document.getElementById("Burnup").getContext("2d");
    
    const data = {
        type:'line',
        data:{
            labels:[0,1,2,3,4,5,6,7],
            datasets:[
                {
                    label: "Scope",
                    data:[67,67,67,67,67,72,75, 75],
                    backgroundColor:['rgb(0,0,0,.10)'],
                    borderColor:['rgb(0,0,0)'],
                    borderWidth: 3
                },
                {   
                    label: "Goal",
                    data:[0,11,21,32,43,54,64,75],
                    backgroundColor:['rgb(40, 40, 222,.20)'],
                    borderColor:['rgb(40, 40, 222)'],
                    borderWidth: 2
                },
                {
                    label:"Done",
                    data:[0,4,12,15,33,38,58,75],
                    backgroundColor:['rgb(25, 250, 0,.30)'],
                    borderColor:['rgb(25, 250, 0)'],
                    borderWidth: 2,
                    borderCapStyle: 'round',
                }
            
                
            ]
        },
        options:{
            plugins:{
                legend: {position:'bottom',}
            },
            scales:{
                y:{
                    beginAtZero:true
                },
                x:{
                    grid: {
                        display: false
                    },
                    title: {
                        display: true,
                        text: 'Sprint',
                        color: 'black',
                        font: {
                            size: 20,
                            weight: 'bold'
                        }
                    }
                },
            }
        }
    }

    var chart = new Chart(miCanvas, data)
</script>