Chart.js自定义图例标签报错：SyntaxError: unexpected token: ':'

你遇到的SyntaxError: unexpected token: ':'是因为箭头函数返回对象字面量时缺少了包裹的圆括号。JavaScript会把对象的大括号解析成代码块，而非对象定义，导致语法识别失败。

修复后的代码如下：

var intervals = [ { min: 0.02, max: 1.44, mean: 0.73 },
                  { min: 0.06, max: 1.57, mean: 0.76 } ]

...

plugins: {
   legend: {
     labels: {
       generateLabels: (_chart) => {
         return intervals.map((obj, i) => ({
           text: `UCL ${i} ${obj.max}`,
           fillStyle: '#34d399',
           index: i,
         }))
      }
    }
  },
  ...
}

关键修改点：在map的箭头函数中，用()把返回的对象字面量包裹起来（(obj, i) => ({ ... })），这样JavaScript就能正确识别这是一个要返回的对象，而非代码块。

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