Chart.js Datalabels插件：散点图中如何通过value正确设置标签背景色？

• 核心问题：forEach的返回值不会传递到外层的backgroundColor函数，而且你完全不需要遍历整个数据集——datalabels的backgroundColor回调是针对单个数据点执行的，每个数据点都会触发一次这个函数。
• 正确做法：通过context参数获取当前数据点的索引，直接从数据集中取出对应项的onhold字段做判断，返回对应颜色即可。

修正后的代码示例 #

backgroundColor: function(value, context) {
  // 获取当前数据点的索引
  const index = context.dataIndex;
  // 获取当前数据点的完整数据（包含onhold字段）
  const currentData = value.dataset.data[index];
  
  // 根据onhold值返回对应背景色
  if (currentData.onhold === 1) {
    return 'red';
  }
  // 其他情况返回默认颜色（可根据需求调整）
  return 'transparent';
}

原代码失效原因 #

1. forEach回调里的return仅会终止当前循环迭代，无法把值返回给外层的backgroundColor函数，最终外层函数返回undefined，导致设置不生效。
2. 遍历整个数据集属于冗余操作，因为每个数据点的backgroundColor回调是独立执行的，只需要处理当前触发回调的这个数据点就行。

内容的提问来源于stack exchange，提问作者jamminjames