chartjs / chartjs-plugin-datalabels

Chart.js plugin to display labels on data elements
https://chartjs-plugin-datalabels.netlify.app
MIT License
863 stars 460 forks source link

Datalabels suffix with different styling #334

Open madsh93 opened 1 year ago

madsh93 commented 1 year ago

Hi

I want to end up with a result like this: CleanShot 2022-08-23 at 09 08 15

Using:

anchor: 'end',
align: 'top'

And then to add the suffix I can use the formatter

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?

johnzzon commented 4 months ago

I have a similar usecase and haven't found a solution. Would love to have support for this.