> Markdown version of [Data Labels](https://vaadin.com/docs/next/components/charts/charttypes/data-labels). Section index: [llms.txt](https://vaadin.com/docs/next/components/llms.txt)

# <a id="charts.charttypes.datalabels"></a>Data Labels

You can change how labels that appear next to data points are displayed for some series types (not available for `BOXPLOT` and `ERRORBAR`).

The data labels properties in the `DataLabels` class are summarized in the following:

- `align`: `HorizontalAlign` (left, center, right)

- `allowOverlap`: `Boolean` whether to allow data labels to wrap

- `borderRadius`: `Number` with the border radius in pixels

- `className`: `String` a class name for the data label to be added to the node to allow custom styles by CSS

- `enabled`: `Boolean` whether the data label is enabled or disabled

- `format`: `String` a format string for the label (see more at ["Using Format Strings"](https://vaadin.com/docs/next/components/charts/configuration.md#charts.configuration.format.string))

- `formatter`: `String` a format string containing a JavaScript function for the label (see more at ["Using a JavaScript Formatter"](https://vaadin.com/docs/next/components/charts/configuration.md#charts.configuration.format.formatter))

Also, data labels can be [styled by CSS](https://vaadin.com/docs/next/components/charts/styling.md#css.styling) with `.highcharts-data-label-box` and `.highcharts-data-label` class names.