Unable to change size of chart.js on HTML. Have tried to set the canvas parameter along with defining a section and div tag and then explicitly assigning height and width in `<style>`. 
Have also used `{responsive: true, maintainAspectRatio: false}` yet no luck

Index.html

```
<html>
    <head>
        <title>Chart EG</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>

    </head>
    <body>
        <canvas id="chart" width="50" height="50"></canvas>

        <script type="text/javascript">
            $(document).ready(function(){                
                $.ajax({
                         url: "http://localhost:8050/api/route1",
                         type: 'POST',
                         dataType:'json',                    
                         success: function(res) {
                            console.log(res);
                            divData='';   
                            var myLabels =[];
                            var myData =[];
                            $.each(res, function(key, value) {
                                console.log(key);
                                console.log(value);
                                myLabels.push(key);
                                myData.push(value);
                            });

                            var ctx = document.getElementById("chart");    
                            var myBarChart = new Chart(ctx, {                           
                                type: 'pie',                         
                                data: {
                                    labels: myLabels,
                                    datasets: [{
                                        label: 'Labels',
                                        data: myData,

                                        backgroundColor: [
                                            'rgba(75, 192, 192, 0.2)',
                                            'rgba(100, 200, 300, 0.2)',
                                            'rgba(200, 192, 72, 0.2)',
                                            'rgba(400, 92, 72, 0.2)',
                                            'rgba(255, 99, 132, 0.2)'
                                        ],
                                        borderColor: [
                                            'rgba(75, 192, 192, 1)',
                                            'rgba(175, 300, 192, 1)',
                                            'rgba(275, 92, 192, 1)',
                                            'rgba(100, 10, 200, 1)',
                                            'rgba(255,99,132,1)'
                                        ],
                                        borderWidth: 1
                                    }]
                                },
                                options: {                              
                                    responsive: true,
                                    maintainAspectRatio: false
                                }
                            });    

                            }
                        });    
                    });                           
        </script>
    </body>
</html>

```

Updated the code with the complete HTML. Ignore this as SO is asking me to add more details (Unable to change size of chart.js on HTML. Have tried to set the canvas parameter along with defining a section and div tag and then explicitly assigning height and width in `<style>`.)