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 示例。

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

react-chart-js-2 units on y axis

reactjs

react-chartjs