1

У меня есть график, который в реальном времени показывает значения Y. Они могут быть только положительными. Проблема в следующем: по умолчанию chart.js строит мне график следующим образом:

График по умолчанию, без доп. опций

Если я ограничиваю отрицательные значения Y с помощью опций: min: 0, то я получаю "обрезанные значения" на графике, как показано ниже:

График с обрезанными значениями

Единственный раз, когда я получал график с видом как мне нужно был когда я сделал ему ограничение по max y, но оно мне как раз не нужно, но внешний вид мне необходим именно такой:

введите сюда описание изображения

Примечание: я не знаю какое значение y может быть максимальное, и просто задать какое то большое значение тоже не вариант. значение y отслеживается в реальном времени, поэтому часто пользователь может видеть график, где все y будут 0. Мои Options:

const LineChartOptions: ChartOptions = {
        plugins: {
            legend: {
                display: false,
            },
        },
        scales: {
            y: {
                stacked: true,
                max: 1,
                ticks: {
                    stepSize: 1,
                },
            },
        },
    };

Так же есть ещё 1 проблема: после обновления chart.js с 2.х на 3.х цвет подписей к шкалам стал "мыльным", как видно на картинках. Я не могу разобраться, как это исправить. Должны быть атрибуты на подобии scaleFontColor, scaleLineColor, но не понял куда их нужно прописывать.

1 ответ 1

1

Разобрался. Оptions должны выглядеть следующим образом:

const LineChartOptions: ChartOptions = {
        plugins: {
            legend: {
                display: false,
            },
        },
        scales: {
            y: {
                beginAtZero: true,
                ticks: {
                    stepSize: 1,
                },
            },
        },
    };

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.