reactjs - y 轴上的 react-chart-js-2 个单位

Question

我正在使用 react-chart-js-2，我想向 y 轴添加单位。似乎没有太多关于所有选项的文档，而且我发现的教程似乎没有用。我想为折线图的 y 轴上的每个值添加一个 £ 符号？我应该只能使用回调函数并将 £ 添加到值字符串中吗？

const options = {
        scales: {
          xAxes: [{
            scaleLabel: {
              display: true,
              labelString: 'Years'
            }
          }],
          yAxes: [{
            ticks: {
                beginAtZero: true,
                callback: value => `£${formatNumberDecimal(value)}`
            }
          }],
        }     
      }

这不起作用，当我动态更改输入数据时，它崩溃了。如何更改单位？

Answer 1

我希望还不算太晚!

我对 chart.js api 了解不多，但我认为你不能在该回调中使用 ES6 箭头函数，尝试使用类似的东西:

callback: function (value) {
    return `£${value}k`;
},

这是一个有效的 codesandbox示例。