# xLabelMode

How crowded category-axis labels are decluttered. `'auto'` (default) keeps labels horizontal and thins any that would collide. `'all'` shows everything, `'thin'`/`'rotate'` force one strategy, `'none'` hides the labels.

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

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

## Definition

| Item | Value |
| --- | --- |
| JavaScript property | `xLabelMode` |
| HTML attribute | `x-label-mode` |
| Type | `'auto' \| 'all' \| 'thin' \| 'rotate' \| 'none'` |
| Default | `undefined` |
| Allowed values | `none`, `auto`, `all`, `thin`, `rotate` |

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

<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-xLabelMode)
- [sy-dumbbell-chart](https://chart.syidax.com/docs/components/dumbbell.md#property-xLabelMode)
- [sy-tornado-chart](https://chart.syidax.com/docs/components/tornado.md#property-xLabelMode)
- [sy-dot-plot-chart](https://chart.syidax.com/docs/components/dot-plot.md#property-xLabelMode)
- [sy-variwide-chart](https://chart.syidax.com/docs/components/variwide.md#property-xLabelMode)
- [sy-marimekko-chart](https://chart.syidax.com/docs/components/marimekko.md#property-xLabelMode)
- [sy-pareto-chart](https://chart.syidax.com/docs/components/pareto.md#property-xLabelMode)
- [sy-pictorial-chart](https://chart.syidax.com/docs/components/pictorial.md#property-xLabelMode)