var ctx = document.getElementById("overview_chart");
var overview_chart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ["1 Jan", "2 Jan", "3 Jan", "4 Jan", "5 Jan", "6 Jan"],
        datasets: [{
            label: "Warenanzahl",
            data: [200, 150, 190, 99, 142, 222],
            fill: true,
            backgroundColor: 'rgba(113, 114, 231, 0.7)',
            lineTension: 0,
        }, {
            label: "Einnahmen in €",
            data: [434, 300, 324, 198, 349, 353],
            fill: true,
            backgroundColor: 'rgba(104, 216, 154, 0.8)',
            lineTension: 0,
        }]
    },
    options: {
        responsive: true,
        title: {
            display: false,
            text: 'Übersicht'
        },
        legend: {
            display: false
        },
        tooltips: {
            mode: 'index',
            intersect: false,
        },
        hover: {
            mode: 'nearest',
            intersect: true
        },
        elements: {
            point: {
                radius: 0
            }
        },
        scales: {
            xAxes: [{
                display: true,
                gridLines: {
                    display: false
                }
            }],
            yAxes: [{
                display: true,
            }]
        }
    }
});