javascript - 如何将数字更改为带逗号的$？ Chart.js

Question

这个问题已经有答案了:

How to format numbers as currency strings (67 个回答)

已关闭 4 年前。

我希望能够将数字更改为带逗号的美元。例如，10000 变为 10,000 美元。

我想要 1) 工具提示编号和 2) xAxis 值。

以下是迄今为止图表的链接:

https://codepen.io/JamesDraper/pen/PXgLre或者 https://syncfiddle.net/fiddle/-LWPx0qe1VWChvodRlGC

编辑:我已使用用户建议的代码更新了链接。

这张图相当大，包含大约 50 小时的法律研究。

var myChart = new Chart(ctx, {
          type: 'horizontalBar',
          data: {
            labels: years,
            datasets: [
              {
                data: number,
                label: "Amount of Compensation",
                fill: true,
                backgroundColor: 'rgba(83, 19, 30, 1)',
              },
            ]
          },
          options: {
            scales: {
                yAxes: [{
                    ticks: {
                        fontSize: 9,
                      }
                    }],
                xAxes: [{
                   ticks: {
                       // Include a dollar sign in the ticks
                       callback: function(value, index, values) {
                           return '$' + value;
                       }
                   },
               }],
            }
        },
    });

Answer 1

可以这样使用JS的format方法:

const amount = 10000;
const options2 = { style: 'currency', currency: 'USD' };
const numberFormat2 = new Intl.NumberFormat('en-US', options2);

console.log(numberFormat2.format(amount));
// expected output: "$10,000"

Here are docs about this

这是我的更新指南，您只在全局中声明 2 个变量

const options2 = { style: 'currency', currency: 'USD', minimumFractionDigits: 0 };
const numberFormat2 = new Intl.NumberFormat('en-US', options2);

并将 `return '$' + value 替换为:

return numberFormat2.format(value.toFixed(0).replace(/\.0+$/, ""));