Multiple labels with sum of stack.

[iBreadInside]

Hello! For now I use the plugin to show counter inside of each bar. Also I wrote a custom plugin based on this video to show a sum of each stack.

Custom plugin code:
`export const barSumPlugin: Plugin<'bar'> = {
id: 'barSum',
afterDatasetsDraw(chart, args, options, cancelable) {
const {
ctx,
scales: { x },
} = chart

if (!!chart.data.datasets.length) {
  chart.data.datasets[0].data.forEach((datapoint, index) => {
    const datasetArr: any[] = []
    const stacks: number = chart.data.datasets.length - 1

    chart.data.datasets.forEach((dataset) => {
      datasetArr.push(dataset.data[index])
    })

    const sum = datasetArr.reduce((prev, next) => prev + next, 0)
    if (!!sum) {
      ctx.textAlign = 'center'
      ctx.font = 'bold 12px sans-serif'
      ctx.fillText(sum, x.getPixelForValue(index), chart.getDatasetMeta(stacks).data[index].y - 10)
    }
  })
}

},
}`

But I don't know how to rotate sum counters if they doesn't fit.

Is it possible to rotate them or to write multiple labels with chartjs-plugin-datalabels: for each bar and a total sum of stack? Can you help me with this?