Chart.js 数字格式

Question

我查看了 Chart.js 文档，没有找到任何关于数字格式的信息，即）1,000.02 来自数字格式“#,###.00”

我也做了一些基本测试，似乎图表的值不接受非数字文本

有没有人找到一种方法来获取格式化为具有千位分隔符和固定小数位数的值？我想格式化图表中的轴值和值。

原文由 Ronald 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Javascript 中没有内置的数字格式化功能。我发现最简单的解决方案是 此页面上的 addCommas 函数。

然后，您只需将 --- Chart.defaults.global --- 中的 tooltipTemplate 参数行修改为如下所示：

 tooltipTemplate: "<%= addCommas(value) %>"

Charts.js 会处理剩下的事情。

这是 addCommas 函数：

 function addCommas(nStr)
{
    nStr += '';
    x = nStr.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + ',' + '$2');
    }
    return x1 + x2;
}

原文由 Yacine B 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

将 tooltips 放在“选项”中，如下所示：

 options: {
  tooltips: {
      callbacks: {
          label: function(tooltipItem, data) {
              return tooltipItem.yLabel.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
          }
      }
  }
}

参考来自 https://github.com/chartjs/Chart.js/pull/160 。

原文由 Irfan Hafid Nugroho 发布，翻译遵循 CC BY-SA 4.0 许可协议