Tengo el siguiente código HTML/JS de la siguiente manera que toma dos listas:

• etiquetas
• valores

Y lo convierte en un gráfico de líneas con etiquetas en los puntos:

 <div style = "position:relative; bottom:140px; z-index: -2;"> <canvas id="lineChart" width = 600 height = 200></canvas> <script> Chart.register(ChartDataLabels); var ctx = document.getElementById("lineChart").getContext("2d"); var linechart = new Chart(ctx, { type: "line", data: { labels: {{ labels | safe}}, datasets: [ { label: "Data points", data: {{ values | safe}}, fill: false, borderColor: "rgb(75, 192, 192)", lineTension: 0.5 } ] }, options: { responsive: true, layout: { padding: { top: 100 } }, scales: { x: { grid: { display: false } }, y: { display: false, } }, plugins: { legend: { display: false }, datalabels: { anchor: 'end', align: 'top', formatter: Math.round, font: { weight: 'bold', size: 15 } } } } }); </script>

Esto está funcionando bien:

Sin embargo, quiero que las etiquetas tengan el símbolo '£' antes y 'm' después

Cada vez que trato de usar la función de formateador como:

 formatter: function(value){ return value + 'm';

O cualquier otra combinación, el gráfico no regresa. Estoy completamente perplejo por qué.

¿Alguna sugerencia?