reactjs 如何在chartJS中用0显示小数

zc0qhyus  于 2023-03-29  发布在  React
关注(0)|答案(1)|浏览(146)

因此,我试图通过我的图表实现标准行为。
如果ChartJS不删除0个小数位,就可以实现这一点

**示例:**ChartJS将通过删除.0将19.0视为19。

12.1, 19.0, 3.4

要求

chartJS保留19.0,不删除.0
编码:https://codesandbox.io/s/chartjs-tutorial-forked-4pluiv?file=/src/App.js

dohp0rv5

dohp0rv51#

您需要将工具提示值格式化为字符串,这可以通过使用.toFixed()Documentation)在选项中添加标签格式化程序来实现:

plugins: {
  tooltip: {
    callbacks: {
      label: function(context) {
        // This guarantees that 1 decimal place is shown
        return context.parsed.y.toFixed(1);
      }
    }
  }
}

Forked version of your codesandbox显示了这一点。

相关问题