Сергей Соколов

Добавить в options свойство categoryPercentage со значением от 0 до 1.

1 — столбцы займут всю ширину без пробелов.

с requestAnimationFrame вы же опираетесь на время, прошедшее с начала отсчёта, для того, чтобы рисовать что должно появиться по времени «сейчас», а не раньше или позже.
В примере тут есть.

Надо исходить не из того, что вызовы функции будут точно раз-в-X-ms – нет. Но будет известно точное время, прошедшее с некого начала отсчёта, который должен быть общим для обоих графиков.

По таймеру, например, вы делали

let x = 0;
const onTimerTick = () => {x = x + 1} // по 1 px за «кадр»

С requestAnimationFrame нужна функция от времени:

let start;
const step = (timestamp) => { // float время в ms с загрузки страницы
  if (!start) start = timestamp;
  const progress = timestamp - start;
  
  x = x + progress * 0.001; // надо как-то посчитать скорость в пикселях за миллисекунду

  if (progress < 2000) {
    window.requestAnimationFrame(step);
  }
}