Issue in line chart

Hello, I want use "Line Chart" from here https://mdbootstrap.com/docs/jquery/javascript/charts/ .

I want show data when mouse hover of data. here is my code. where is the mistake? Can you help me?

var ctxL = document.getElementById("lineChart").getContext('2d'); var myLineChart = new Chart(ctxL, { type: 'line', data: { labels: ld, datasets: [{ label: "Diger", data: pointd, borderColor: [ 'rgba(0, 137, 132, .2)', ], borderWidth: 2 }, { label: "Ast", data: pointa,

                    borderColor: [
                        'rgba(0, 10, 130, .7)',
                    ],
                    borderWidth: 2
                },
                {
                    label: "Ust",
                    data: pointu,

                    borderColor: [
                        'rgba(0, 137, 132, .2)',
                    ],
                    borderWidth: 2
                },
                {
                    label: "Kendi",
                    data: pointa,

                    borderColor: [
                        'rgba(0, 137, 132, .2)',
                    ],
                    borderWidth: 2
                },
                {
                    label: "EsDeger",
                    data: pointe,

                    borderColor: [
                        'rgba(0, 137, 132, .2)',
                    ],
                    borderWidth: 2
                }
            ]
        },
        options: {
            scales: {
                yAxes: [{
                    ticks: {
                        beginAtZero: true


                    }
                }],
                xAxes: [{
                    ticks: {
                        autoSkip: false
                    }
                }],
                responsive: true
            }
        }

    });