Проблема с шириной решетки в лотке

У меня есть диаграмма, в которой отображаются полосы, представляющие количество осадков в течение 24 часов. Теперь первой проблемой, которая была у меня, была ширина по умолчанию 1px для баров в флоте, см. Этот пример:

Я искал решение и обнаружил, что задает ширину полосы следующим образом:

bars: { 
        show: true,
        barWidth : 60*60*1000 //1h
    }

решает проблему. Теперь это действительно работает, но с одним плохим результатом. На моем примере (диаграмма, показывающая 24 ливня дискретно каждый час), теперь это происходит:

Как вы можете видеть из первого примера, где бары имеют ширину 1px, время идет с 13:00 предыдущего дня до 13:00 следующего дня. Теперь, когда ширина бара фиксирована, время идет с 13:00 до 14:00 по какой-то причине. Теперь я попробовал различную настройку ширины бара, например 50 * 60 * 1000, но это не масштабируется правильно, а маржа начинает появляться в каждой строке.

Теперь я хотел бы знать, как исправить эту проблему, что временная шкала будет идти, как в первом примере, и бары будут иметь ширину в 1 час?

Ответ 1

Проблема заключалась в заполнении данных графическими графами php. Я упустил неправильное суммирование данных, а затем имел условие, которое добавило в php-массив время. Таким образом, в конце он добавил дополнительные 1 час. Так что ширина бара: 60 * 60 * 1000 в моем случае была правильной идеей.

Ответ 2

Ну, ось x диаграммы рисуется таким образом, чтобы, если бы был какой-либо бар, чтобы показать в 13:00 (максимальное значение), он сможет его показать. Это не настоящая вещь Флота, это просто следствие наличия более широких баров. Если вы хотите, чтобы это на самом деле не заходило так далеко, вы можете использовать опции "min" и "max" на оси x, чтобы установить это. Однако, если вы это сделали, и в конце 13:00 были представлены данные, они не смогут его показать (потому что с более широким баром не хватает места).