I need to align location kind's in one line. I tried to subtract current location length from longest location length. But because of empty space array I couldn't achieve this. Any idea how to do it (or another method for insert blank space in labels, I think this will work to)?

var longest = list
  .map((s) => s.Location)
  .reduce(function (a, b) {
    return a.length > b.length ? a : b;
  }).length;

options.xaxis.overwriteCategories = list.map(function (s) {
  return (
    s.Kind +
    Array(5 + (longest - s.Location.length))
      .fill("\xa0")
      .join(" ") +
    s.Location
  );
});

my codepen: https://codepen.io/osmanyasircankaya/pen/podMNBq

I want to do like this: