# orientation

Lollipop layout direction: `horizontal` (Cleveland, default) or `vertical`.

Canonical: https://chart.syidax.com/docs/options/orientation/

<a id="definition"></a>

## Definition

| Item | Value |
| --- | --- |
| JavaScript property | `orientation` |
| HTML attribute | `orientation` |
| Type | `'vertical' \| 'horizontal'` |
| Default | `undefined` |
| Allowed values | `vertical`, `horizontal` |

undefined means this property was not explicitly set. The effective value may depend on the chart type and other settings.

<a id="example"></a>

## Configuration example

```javascript
// Register sy-lollipop-chart and create the element before configuring it.
chart.orientation = "vertical";
```

- [Lollipop · Complete examples and API](https://chart.syidax.com/docs/components/lollipop.md)

<a id="related"></a>

## Related documentation

A property with the same name may have different types and defaults across charts. When using a direct tag, follow that chart's documentation below.

- [Shared facade and direct tags](https://chart.syidax.com/docs/concepts.md)
- [sy-lollipop-chart](https://chart.syidax.com/docs/components/lollipop.md#property-orientation)
- [sy-box-plot-chart](https://chart.syidax.com/docs/components/box-plot.md#property-orientation)
- [sy-wafer-map](https://chart.syidax.com/docs/components/wafer-map.md#property-orientation)
- [sy-wafer-stack](https://chart.syidax.com/docs/components/wafer-stack.md#property-orientation)
- [sy-wafer-correlation](https://chart.syidax.com/docs/components/wafer-correlation.md#property-orientation)
- [sy-yield-zone-chart](https://chart.syidax.com/docs/components/yield-zone-chart.md#property-orientation)
- [sy-data-zoom](https://chart.syidax.com/docs/components/data-zoom.md#property-orientation)
- [sy-navigator](https://chart.syidax.com/docs/components/navigator.md#property-orientation)
- [sy-visual-map](https://chart.syidax.com/docs/components/visual-map.md#property-orientation)