Chart.js插件数据标签-格式化程序-添加千位之间的空格

// 定义自定义的格式化程序
Chart.plugins.register({
  afterDatasetsDraw: function(chart) {
    var ctx = chart.ctx;

    chart.data.datasets.forEach(function(dataset, datasetIndex) {
      var meta = chart.getDatasetMeta(datasetIndex);
      if (!meta.hidden) {
        meta.data.forEach(function(element, index) {
          // 获取数据值
          var data = dataset.data[index];

          // 格式化数据值，添加千位之间的空格
          var formattedData = addThousandSeparator(data);

          // 获取数据标签的位置
          var x = element.tooltipPosition().x;
          var y = element.tooltipPosition().y;

          // 在数据标签位置绘制格式化后的数据值
          ctx.fillStyle = '#000';
          ctx.fillText(formattedData, x, y);
        });
      }
    });
  }
});

// 自定义函数，添加千位之间的空格
function addThousandSeparator(value) {
  return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
}