chartjs / chartjs/chartjs-plugin-datalabels

Datalabels suffix with different styling

Open
#334 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
920
Forks
507
PR merge metrics
No merged PRs in 30d

Description

Hi

I want to end up with a result like this:
![CleanShot 2022-08-23 at 09 08 15](https://user-images.githubusercontent.com/8860723/186093723-094af760-ccab-4a6d-9439-549bb4ab7535.png)

Using:
```js
anchor: 'end',
align: 'top'
```

And then to add the suffix I can use the formatter
```js
formatter: (value, ctx) => {
const label = ctx.chart.data.labels[ctx.dataIndex] + ' kr./år'
}
```

Great. So far so good. Here is where I run in to trouble. How do I style the suffix differently?

Creating multiple labels, makes styling possible, but it makes it difficult/impossible to center the label correctly.

Do you have any tips?

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.