Блог

Главная - Вопросы по программированию - Chart.js линейный график не будет начинаться с нуля или первого тика в качестве минимального значения

Chart.js линейный график не будет начинаться с нуля или первого тика в качестве минимального значения

#javascript #charts #chart.js

Вопрос:

Текущая ситуация

Небольшое объяснение: Мой график построен на заданном временном интервале. Интервал времени рассчитывается в зависимости от выбранного элемента в раскрывающемся списке. Теперь интервал установлен на «месяц».

Линия начинает свой путь с точки, в которой появилось первое значение. Я попытался сделать точно такой же график на codepen, но график начинается с нулевой точки.

Как я могу нарисовать линию графика от нуля до первого значения, чтобы график выглядел нормально?

Пример на Codepen

И мои текущие параметры диаграммы

 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: верно — не работает, я проверял это много раз, и для оси y тоже.

Комментарии:

1. Я думаю, что проблема, с которой вы столкнулись, связана с данными, которые вы используете в диаграмме, и форматами времени. Проверьте этот jsfiddle , который я сделал, и посмотрите на различия. Я новичок в chart.js, но, как я читал документацию здесь , этот «синтаксический анализатор» использует «moment.js» для анализа времени. Мой совет заключается в том, чтобы вы проверили документацию, провели больше тестов и поняли, как moment.js работает — то есть, какой формат вы должны использовать для своих настроек. Удачи.

Метки: