score:0

Accepted answer

after some more tinkering, i have found the solution to the problem.

as it happens, chartjs sets a default max-width for the legend (although it doesn't specify this in the documentation). by setting legend max width to a high value, the legend can assume the whole canvas e.g.

legend: {
  position: 'left',
  align: 'start',
  fullsize: false,
  labels: {
    font: {
      size: 12
    },
    padding: 10
  },
  maxwidth: 9999
}

Related Query

More Query from same tag