Проблема с шириной полосы во флоте

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

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

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

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

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

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