Untitled

    var chartColors = {
        red: 'rgb(255, 99, 132)',
        blue: 'rgb(54, 162, 235)'
    };                
    var color = Chart.helpers.color;
    var config = {
        type: 'bar',
        data: {
            datasets: [{
                type: 'line',
                yAxisID: 'temperature',
                backgroundColor: 'transparent',
                borderColor: chartColors.red,
                pointBackgroundColor: chartColors.red,
                tension: 0,
                fill: false
            }, {
                yAxisID: 'precipitation',
                backgroundColor: color(chartColors.blue).alpha(0.5).rgbString(),
                borderColor: 'transparent'
            }]
        },
        plugins: [ChartDataSource],
        options: {
            title: {
                display: true,
                text: 'CSV data source (index) sample'
            },
            scales: {
                xAxes: [{
                    scaleLabel: {
                        display: true,
                        labelString: 'Month'
                    }
                }],
                yAxes: [{
                    id: 'temperature',
                    gridLines: {
                        drawOnChartArea: false
                    },
                    scaleLabel: {
                        display: true,
                        labelString: 'Temperature (°C)'
                    }
                }, {
                    id: 'precipitation',
                    position: 'right',
                    gridLines: {
                        drawOnChartArea: false
                    },
                    scaleLabel: {
                        display: true,
                        labelString: 'Precipitation (mm)'
                    }
                }]
            },
            plugins: {
                datasource: {
                    type: 'csv',
                    url: 'https://raw.githubusercontent.com/lye-jia-wei/FYP/main/sample-dataset.csv',
                    delimiter: ',',
                    rowMapping: 'index',
                    datasetLabels: true,
                    indexLabels: true
                }
            }
        }
    };