我有下面的HTML/JS代码，如下所示，它需要两个列表：

• 标示
• 价值观

并将其转换为折线图，并在点上添加标签：

<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>

这是工作正常：

但是，我希望标注前面有'£'符号，后面有'm'符号
每次我尝试使用格式化程序函数时，如下所示：

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

或任何其他组合，图表未能返回。我完全困惑为什么。
有什么建议吗？