Chart.js货币工具提示

我有这样简单的旧数据：

type: "donut",
data: {
    labels: ['Budgeted', 'Over Budget', 'Remaining'],
    datasets: [{
        data: [100, 20, 0],
        backgroundColor: [
            '#1ab394',
            '#ed5565',
            '#e7e7e7'
        ],
        borderColor: [
            '#1ab394',
            '#ed5565',
            '#e7e7e7'
        ],
        borderWidth: 1
    }]
}

尝试将工具提示设置为货币格式：

  options: {
    legend: false,
    tooltips: {
      callbacks: {
        label: function(tooltipItem, data) {
          return '$' + tooltipItem.yLabel.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        }
      }
    }
  }

---

我得到了

$

但没有其他东西-我是Chart.js新手，我确信我遗漏了一些小的/明显的东西。

看看下面的代码片段，它在工具提示中显示了“$100”和“$20”标签

我并没有真的改变你的代码，只是把它放在一起。确保你的代码看起来像这样，如果你正在做一些不同的事情，请更新你的帖子

const-config={
输入：“酒吧”，
数据：{
标签：[“已预算”、“超出预算”、“剩余”]，
数据集：[
{
数据：[100,20,0]，
背景颜色：[“1ab394”、“ed5565”、“e7e7e7”]，
边框颜色：[“1ab394”、“ed5565”、“e7e7e7”]，
边框宽度：1，
},
],
},
选项：{
传说：错，
工具提示：{
回调：{
标签：函数（工具提示项、数据）{
返回(
"$" +
tooltipItem.yLabel.toString（）.replace（/\B（？=（\d{3}）+（？！\d））/g，“，”）
);
},
},
},
},
};
var ctx=document.getElementById（'chartJSContainer'）.getContext（'2d'）；
新图表（ctx，配置）