Skip to content

Orientation ​

js
{
  orientation: 'vertical',   // default
  // orientation: 'horizontal',
}

Orientation controls which physical sides carry the domain (categories) vs range (values) axes. Chartbuddy remaps axis roles automatically when orientation changes, so you keep the same seriesData and only flip orientation.

OrientationDomain (categories)Primary range (values)
verticalbottomleft
horizontalleftbottom

Horizontal clustered bar ​

js
{
  chartType: 'clusteredBar',
  orientation: 'horizontal',
  isDataTransposed: true,
  seriesData: [/* … */],
  title: { visible: true, text: 'Sources' },
  subtitle: { visible: false, text: '' },
  legend: { visible: false },
}

Give horizontal bars enough height: category labels sit on the left and need vertical room. Format value ticks on axes.bottom (primary range), not left.

More detail: Axes · Orientation & roles · Value axis · Secondary (top).

Developer documentation for Chartbuddy Embed · Not the end-user Help Center · Help Center