javascript - Jquery chartsjs plugin lines not working properly

Question

im trying to using chartsjs to do a line chart.

new Chart(document.getElementById("myChart"), {
        type: 'line',
        data: {
            labels: ['GEN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC'],
            datasets: [{
                data: [0, 10, 20, 30, 40, 50, 40, 30, 20, 10, 0, 15],
                label: "CDL",
                borderColor: "#3e95cd",
                fill: false
            }, {
                    data: [50, 50, 50, 50, 50, 50, 50, 50, 50, 50],
                label: "CLA",
                borderColor: "#8e5ea2",
                fill: false
            }, {
                    data: [10, 10, 10, 10, 10, 10, 10, 10, 10, 10],
                label: "CLB",
                borderColor: "#3cba9f",
                fill: false
            }, {
                data: [40, 20, 10, 16, 24, 38, 5, 7, 45, 0],
                label: "CLC",
                borderColor: "#e8c3b9",
                fill: false

            }
            ]
        },
        options: {
            responsive: false,
            scales: {
                yAxes: [{
                    stacked: true,
                    gridLines: {
                        display: true,
                        color: "rgba(255,99,132,0.2)"
                    }
                }],
                xAxes: [{
                    gridLines: {
                        display: true
                    }
                }]
            },
            legend: {
                labels: {
                    fontColor: 'black'
                }
            }
        }


    });

This is my code and it works, but my lines dont starting in "absolute position" and theyr position is like this: chart_image

I dont understand why, can someone help me?

question from:https://stackoverflow.com/questions/65830638/jquery-chartsjs-plugin-lines-not-working-properly

Answer 1

Waitting for answers