[Solved]-how to not repeat code while creating multiple charts in chart js-Chart.js

  chart.register(chartdatalabels);
        chartlabels = ["mar 2020", 'mar 2021', 'apr 2022']
        data = [75, 60, 80]
        data2 = [80, 82, 85]

        var data = {
            labels: chartlabels,
            datasets: [
                {
                    type: 'line',
                    label: 'sales growth',
                    data: data,
                    backgroundcolor: 'rgb(10,255,255)',
                    bordercolor: 'rgb(0,0,0)',
                    borderwidth: 1.5,
                    linetension: 0.6,
                }
            ]
        }

        var data2 = {
            labels: chartlabels,
            datasets: [
                {
                    type: 'line',
                    label: 'sales growth',
                    data: data2,
                    backgroundcolor: 'rgb(10,255,255)',
                    bordercolor: 'rgb(0,0,0)',
                    borderwidth: 1.5,
                    linetension: 0.6,
                }
            ]
        }
        
        var options = {
            layout: {
                padding: 40
            },
            elements: {
                point: {
                    hoverradius: 5
                }
            },
            plugins: {
                legend: {
                    display: false
                },
                datalabels: {
                    color: 'black',
                    anchor: 'end',
                    align: 'top',
                    formatter: (v, cat) => {
                        let label = cat.chart.data.labels[cat.dataindex];
                        if (label != 'ttm') {
                            label = '' + label;
                        }
                        return label + '\n ' + v;
                    },
                    border: true
                }
            },
            scales: {
                y: {
                    display: false,
                    grid: {
                        display: false,
                        linewidth: 3
                    }
                },
                x: {
                    display: false,
                    grid: {
                        display: false,
                    }
                }
            }
        }

        var cat = document.getelementbyid('1st_year').getcontext('2d');

        var mychart = new chart(cat, {
            data: data,
            options: options
        });

         var cat2 = document.getelementbyid('2nd_year').getcontext('2d');

         var mychart2 = new chart(cat2, {
             data: data2,
             options: options
         });

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />

<div class="container">
        <div class="row mt-2">
        
            <div class="col-lg-3 col-md-6 col-sm-12 border rounded text-center">
                <h6 class="mb-4 mt-2">average of 1st year student's</h6>
                <canvas id="1st_year"></canvas>
            </div>
        
            <div class="col-lg-3 col-md-6 col-sm-12 border rounded text-center">
                <h6 class="mb-4 mt-2">average of 2nd year student's</h6>
                <canvas id="2nd_year"></canvas>
            </div>
            
        </div>
    </div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.0.0/chartjs-plugin-datalabels.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>