# legendFloatAlign

Allowed values: start, center, end. Default: 'end'.

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

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

## Definition

| Item | Value |
| --- | --- |
| JavaScript property | `legendFloatAlign` |
| HTML attribute | `legend-float-align` |
| Type | `'start' \| 'center' \| 'end'` |
| Default | `'end'` |
| Allowed values | `start`, `center`, `end` |

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

## Configuration example

```javascript
chart.legendFloatAlign = 'end';
```

<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-line-chart](https://chart.syidax.com/docs/components/line.md#property-legendFloatAlign)
- [sy-area-chart](https://chart.syidax.com/docs/components/area.md#property-legendFloatAlign)
- [sy-column-chart](https://chart.syidax.com/docs/components/column.md#property-legendFloatAlign)
- [sy-bar-chart](https://chart.syidax.com/docs/components/bar.md#property-legendFloatAlign)
- [sy-polar-chart](https://chart.syidax.com/docs/components/polar.md#property-legendFloatAlign)
- [sy-item-chart](https://chart.syidax.com/docs/components/item.md#property-legendFloatAlign)
- [sy-tilemap](https://chart.syidax.com/docs/components/tilemap.md#property-legendFloatAlign)
- [sy-wafer-map](https://chart.syidax.com/docs/components/wafer-map.md#property-legendFloatAlign)