line graph will not start at zero or first tick as minimum value

[redwarbanner]

Current chart

A little explanation: My graph is built on a given time interval. The time interval is calculated depending on the selected item in the drop-down list. Now the interval is set to "month".

The line starts its path from the point where the first value appeared. I tried to make exactly the same graph on codepen, but the graph starts its way from the zero point.

How i can draw a graph line from zero to the first value so that the graph looks normal?

Example on Codepen

And my current chart options

scales: {
                xAxes: [
                    {
                        ticks: {
                            maxTicksLimit: 31,
                            maxRotation: 90,
                            minRotation: 45, 
                        },
                        type: "time",
                        time: {
                            min: window.minDate,
                            max: window.maxDate,
                            parser: "DD.MM.YYYY HH:mm:ss",
                            unit: window.unit,
                            stepSize: window.stepSize,
                            displayFormats: {
                                day: "DD.MM",
                                month: "MMMM",
                                week: "DD.MM",
                                minute: "HH:mm",
                                hour: "HH:mm",
                            },
                            display: false,
                        },
                    },
                ],
                }

beginAtZero: true - doesn't work, I've tested it so many times, and for the y axis too.

[kurkle]

I don't understand the problem, but maybe min: 0 is what you are looking for (in the y-axis)?

[kurkle]

Reading third time, is this the problem (missing from the "month" view)?:

If it is, you need to alter the "ajax" thing to return the previous point too, that is most likely outside the date range. Or you need to interpolate a value at the window.minDate.

[redwarbanner]

I apologize for misleading you. I need to pad a chart line from 0 to the first value

[redwarbanner]

[kurkle]

Chart.js displays the data, it does not manipulate it. You need to manipulate it the way you want.
the_data_array.unshift({x: window.minDate, y:0})?