y 轴上的 react-chart-js-2 单位答案

【问题标题】：react-chart-js-2 units on y axisy 轴上的 react-chart-js-2 单位
【发布时间】：2020-03-25 10:43:14
【问题描述】：

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

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

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

【问题讨论】：

标签： reactjs react-chartjs

【解决方案1】：

希望还不算太晚！

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

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

这是一个有效的codesandbox 示例。

【讨论】：