Start AND End Anchor for a Floating Bar Chart.

[Aliervo]

Unless I am reading the docs wrong, there are only three options for anchoring the data labels: center, start, and end.

I am making a few floating bar charts where I would like the start and end points labeled, but I can't figure out how to position the labels individually; they are always stacked on top of each other. I am basically just looking for a combination of the start and end anchors, one for each respective point.

Did I miss something, or does this feature not currently exist?

[stockiNail]

@Aliervo do you need something like the following?

[jasonlfunk]

I don't know about @Aliervo , but this is exactly what I need! :)

[simonbrunel]

@Aliervo @jasonlfunk you have to define multiple labels as explained in the docs:

plugins: {
  datalabels: {
    labels: {
      start: {
        anchor: 'start',
        formatter: (v) => v[0]
      },
      end: {
        anchor: 'end',
        formatter: (v) => v[1]
      }
    }
  }
}

See this jsfiddle example.

[Aliervo]

That's exactly what I needed, thanks!

I would still like to suggest possibly having this as a shipped option, since the two labels appear by default. Should I open up a new issue for that?

[cleejane]

@simonbrunel Hi, by any chance you can help on this? I managed to display the label with the code you gave but i want to display number as comma separated. how do I add another formatter?